Preserved Topic: May 20lines Javascript contest - Enhancing markup - comments

The topic of this month is to add some value to a basic markup ( it would be great if the markup was in valid HTML or XHTML ). The added value can be :

• stylistic : by eventually touching the markup to beautify it or fix some browser bugs
• functionnal : adding some features like those around the textarea below
• or anything else

Please post your entries in May 20lines Javascript contest - Enhancing markup

Hope you'll enjoy that topic.



(Edited by poi on 05-01-2004 20:27)

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

InI:
that is way cool....And a big ' Thank You ' for changing stuff around so that we platform-challenged folks could admire this!

As usual, I am amazed at your coding. I'm convinced that you, wrayal, poi, and a few others around here are using a dual brain 64 bit setup, instead of running the single brain processor like most of us.


/* I wonder....Does Fuzzy Logic tickle? */

Way cool InI!
Some time back when I made a prototype for a drag'n'drop auto classifying media storage application I used custom attributes inside the style="" tag for each folder in an expanding folder tree. This in order to save data in the markup and transfer it to form-elements on "drop" and it worked really well. Somewhat similar to this idea but not even close to the practical use of this. Well done!
/Dan

{cell 260}
-{ a vibration is a movement that doesn't know which way to go }-

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

Dunstan Orchard's Blockquotes perfectly illustrates the sort of thing I have/had in mind with this subject. The chery on the cake would be to take some valid XHTML code and make use of attributes or tags not/badly exploited by the browsers, but I won't bite if the HTML is not valid and if you create your own tags/attributes

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

Just to the left of topic:

When considering an alternative aspect for the competition and attempting to think of a 'better' way to do it than that which InI has created I was stumped. Seemed to be a waste of a contest when there is a fine example in existance already. (Or have I missed something)

Nevertheless I continued pondering and asked myself what other markups can be added to an image? Oh, what markups are alreay there? To answer the second question I wrote the following script:

http://www.iinet.net.au/~htjs/examine.htm

It's about 20 lines but outside contest specifications so I guess it will not be an entrant but perhaps become a tool for validating other contest applications.

Dion...
[o]

http://www.iinet.net.au/~htjs/virbatem.jpg

Virbatem: Like I said above, Dunstan Orchard's Blockquotes is an exemple to illustrate the sort of thing I had in mind, but it should in no way limit your own creativity.

I think the two directions ( stylistic & [ifunctionnal[/i] ) I gave in my first post explains the two main types of markup enhancement.
Another example of markup enhancement is to fix a browser bug, like IE's lack of support of :hover and/or :focus pseudo classes to pick a concrete case.

To bounce on your script I'd say that if your introspection function depended of an attribute or an element in the markup, it would be a solid candidate for this 20lines Javascript "contest".

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

Another bright example is HTMLDOG's Son of Suckerfish Dropdowns menu, which fits in ~10lines of JavaScript and provides a simple but great functionnality to a basic (X)HTML markup.



(Edited by poi on 05-25-2004 18:00)

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

I've checked the page http://www.htmldog.com/articles/suckerfish/dropdowns/example/ in Firefox, Opera 7.50, IE 5.01and IE 6.0 before posting the URL.

Ok, that script may not work in some minority browsers and the accessibility could be improved ( escpecially to deal with the browsers without JavaScript activated or available but since the topic of this thread is a JS contest it's a bit off topic ), but I won't be too picky about that when the deadline will come. Doing a usefull script in 20lines is already a little challenge. Whatever, that script, though its little problems, illustrates a way to enhance a plain markup.

[edit] After reading some of the 24 comments, it seems that the script have been improved and fixed to avoid the problems they raised. Thank you for the verveine [/edit]




(Edited by poi on 05-25-2004 18:48)

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

wrayal: Don't worry, I won't cry if an entry takes 21 or 22 lines or if there's a semi colon in an eval. Add to that, that if you really want to shrink the number of lines, it's possible to remove the menToMove(), set(), setRemove() and remove() functions. Of course the resulting code would be highly obfuscated.

The thing that puzzles me is the lack of initial markup. In that you're not literraly enhancing some markup but since I haven't precised if the markup should be there before the execution of the script or not, it's my fault. Anyway I feel like having fun coding some scripts and disqualifying an entry for some details is not what I would call fun. I mean, how many entries in the sig. constests really are some sigs and nobody is shocked ? on contrary everybody have fun and experience their skills on a given subject. And that's the purpose of the Javascript contests as well.



(Edited by poi on 05-25-2004 23:25)

In the original versions of the script, there were HTML tags for the JS to work on. Only, it seemed much more effective not to have the user write out specific tags every time they wanted to change it, but rather simply edit a simple variable, and have functions that would do all the tag-generation for them.

Wrayal

Go to kimber-ja.demon.co.uk and click on the link to the raytracer!

wrayal: I used to share your opinion about using a "simple" variable, but since I've embraced the web standards and separation of layers I tend to take accessibility and validation into account. Therefore I think your script would rock if it was based on a plain UL. And it could save some lines

No, really, if you saw the original scripts, you would change your mind. They are unreadable: the HTML tags were almost unusable. I wrote some of the most base code a long time ago, when I was still struggling with manipulation of placement, so it looks shocking. Really, it's best for everyone (and especially my reputation...) not to post the original scripts

Wrayal

Go to kimber-ja.demon.co.uk and click on the link to the raytracer!

Edit: Double post (doncha love buggy connections )

Go to kimber-ja.demon.co.uk and click on the link to the raytracer!

(Edited by wrayal on 05-26-2004 22:34)