Connecting Tech Pros Worldwide Forums | Help | Site Map

[CSS|JS] questions

onetitfemme
Guest
 
Posts: n/a
#1: Apr 30 '06
>> Why is it that sometimes you must use inline styles? (I have tried[color=blue][color=green]
>> doing it in may different ways)[/color]
> Do a google search on "css specficity", but that's outside the scope of this group.
> Matt Kruse wrote:
> css specificity ...[/color]
I wonder to which extent I could have conflicting CSS rules, since in
my trials I used both classes and id selectors and found the same
behavior. Also I post here in this group too, because JS and CSS do not
always play well together when you dynamically play setting/(re)-/(un)-
CSS properties with JS
..
Here are the two examples, one with inline styles and the other with a
CSS.
..
// __ this one works!
http://www.geocities.com/tekmonk2005...02_inline.html
..
// __ this other one, based on CSS-based styles, does NOT!
http://www.geocities.com/tekmonk2005/example04_css.html
..
Both pages validated (except for the unfinished form, which I complete
dynamically and whose "action" you don't really need in this case)
..
I need to understand this prob and fix it because I don't see any
benefit in using inline styles
..
Also:
..
How can you work around the "end tag for "..." which is not finished."
types of errors?
..
The form element I need only in order to format the pop up and to use
the id selector, in order to feed it in with. I need to complete the
forms dynamically because I work on multilang sites
..
Also there are ways to dynamically insert elements in a select box via
"new Option(...)". How can you do the same thing with radio button or
check boxes options in a form?
..
otf js css


Randy Webb
Guest
 
Posts: n/a
#2: Apr 30 '06

re: [CSS|JS] questions


onetitfemme said the following on 4/30/2006 2:20 PM:[color=blue][color=green][color=darkred]
>>> Why is it that sometimes you must use inline styles? (I have tried
>>> doing it in may different ways)[/color]
>> Do a google search on "css specficity", but that's outside the scope of this group.
>> Matt Kruse wrote:
>> css specificity ...[/color]
> I wonder to which extent I could have conflicting CSS rules, since in
> my trials I used both classes and id selectors and found the same
> behavior. Also I post here in this group too, because JS and CSS do not
> always play well together when you dynamically play setting/(re)-/(un)-
> CSS properties with JS
> ..
> Here are the two examples, one with inline styles and the other with a
> CSS.
> ..
> // __ this one works!
> http://www.geocities.com/tekmonk2005...02_inline.html
> ..
> // __ this other one, based on CSS-based styles, does NOT!
> http://www.geocities.com/tekmonk2005/example04_css.html
> ..
> Both pages validated (except for the unfinished form, which I complete
> dynamically and whose "action" you don't really need in this case)[/color]

If you complete it dynamically then completely create it dynamically.
But, you shouldn't say it validated, you should say "It validated before
I put it on Geocities".
[color=blue]
> ..
> I need to understand this prob and fix it because I don't see any
> benefit in using inline styles[/color]

Then don't if you don't understand them.
[color=blue]
> Also:
> ..
> How can you work around the "end tag for "..." which is not finished."
> types of errors?[/color]

End the tag, no more "end tag...." errors.
[color=blue]
> The form element I need only in order to format the pop up and to use
> the id selector, in order to feed it in with. I need to complete the
> forms dynamically because I work on multilang sites[/color]

Then create the form dynamically as well.

myForm = document.createElement('form')
[color=blue]
> ..
> Also there are ways to dynamically insert elements in a select box via
> "new Option(...)". How can you do the same thing with radio button or
> check boxes options in a form?[/color]

radioInput = document.createElement('input')
radioInput.type = "radio"

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
onetitfemme
Guest
 
Posts: n/a
#3: May 1 '06

re: [CSS|JS] questions


> > The form element I need only in order to format the pop up and to use[color=blue][color=green]
> > the id selector, in order to feed it in with. I need to complete the
> > forms dynamically because I work on multilang sites[/color][/color]
[color=blue]
> Then create the form dynamically as well.[/color]
[color=blue]
> myForm = document.createElement('form')[/color]
..
You know when I code JS I expect for things not to work ;-). I wonder
how cross browser these (to me) naively looking statements are. (new
Option(...)) statements are DOM 0 so they will probably work flawlessly
in all browsers, but I wonder if the same applies to check boxes and
radio buttons.
..[color=blue][color=green]
> > ..
> > Also there are ways to dynamically insert elements in a select box via
> > "new Option(...)". How can you do the same thing with radio button or
> > check boxes options in a form?[/color][/color]
[color=blue]
> radioInput = document.createElement('input')
> radioInput.type = "radio"[/color]
..
Thanks and let me test this in all browsers I need to test this web
app.
..
onetitfemme

Randy Webb
Guest
 
Posts: n/a
#4: May 1 '06

re: [CSS|JS] questions


onetitfemme said the following on 4/30/2006 7:13 PM:[color=blue][color=green][color=darkred]
>>> The form element I need only in order to format the pop up and to use
>>> the id selector, in order to feed it in with. I need to complete the
>>> forms dynamically because I work on multilang sites[/color][/color]
>[color=green]
>> Then create the form dynamically as well.[/color]
>[color=green]
>> myForm = document.createElement('form')[/color]
> ..
> You know when I code JS I expect for things not to work ;-). I wonder
> how cross browser these (to me) naively looking statements are. (new
> Option(...)) statements are DOM 0 so they will probably work flawlessly
> in all browsers, but I wonder if the same applies to check boxes and
> radio buttons.[/color]

ISTR a browser that had problems with new Option. I don't remember the
browser and I don't remember the problem to be honest. But, if a browser
doesn't support createElement then it is sufficiently broken/old enough
not to worry with it.


--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
Closed Thread


Similar JavaScript / Ajax / DHTML bytes