changer de couleur de fond en JS

changer de couleur de fond en JS - HTML/CSS - Programmation

Marsh Posté le 27-11-2002 à 09:47:52    

Voila.. g un ptit probleme...
à partir d'une commande javascript, je dois changer les couleurs de fond de toute les frames affichés...
 
Et je dois les charger sans que la page entiere doive se charger (parce que g du streaming video live dessus...)
 
donc g fé :  
<a href="javascript:window.parent.mainFrame.bgColor='#FFFFFF'">
 
et la il ouvre une page blanche avec ecrit #FFFFFF ...  :sweat:  
en plus meme pas dans la frame ciblée! mé ds la frame ou le js est éxécuté!
 
 [:iansolo]


---------------
yvele n'est plus.
Reply

Marsh Posté le 27-11-2002 à 09:47:52   

Reply

Marsh Posté le 27-11-2002 à 11:00:24    

personne sé?
 
hop pour motiver les gens :
 [:zjk]  [:zjk]  [:zjk]  [:zjk]  [:zjk]  [:zjk]


---------------
yvele n'est plus.
Reply

Marsh Posté le 27-11-2002 à 13:26:23    

Au risque de me repeter le JS c'est de la merde et ca sert à rien, de plus bcp de gens (enfin de gens consciencieux) le désactive.
 
Comme d'habitude il est trest simple et bcp plus juste de réaliser ce que tu veux faire en CSS... propiété "background-color" et événement "onclick" ...
 
XHTML strict + CSS + PHP powaaaa !  :bounce:

Reply

Marsh Posté le 27-11-2002 à 13:39:05    

fatypunk a écrit a écrit :

Au risque de me repeter le JS c'est de la merde et ca sert à rien, de plus bcp de gens (enfin de gens consciencieux) le désactive.




 
c'est comme tout, quand c'est bien fait ca peut rendre d'immenses services.

Reply

Marsh Posté le 27-11-2002 à 13:46:11    

fatypunk a écrit a écrit :

Comme d'habitude il est trest simple et bcp plus juste de réaliser ce que tu veux faire en CSS... propiété "background-color" et événement "onclick" ...
 
XHTML strict + CSS + PHP powaaaa !  :bounce:



Tu m'expliques comment tu changes le fond avec la propriété background-color et un onclick (qui sous-entend un appel à un script)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 27-11-2002 à 13:46:26    

lorill a écrit a écrit :

c'est comme tout, quand c'est bien fait ca peut rendre d'immenses services.



 :jap:


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 27-11-2002 à 13:47:01    

lorill a écrit a écrit :

 
 
c'est comme tout, quand c'est bien fait ca peut rendre d'immenses services.




 
 :lol:  :lol:  :lol:  :lol:  :lol:  :lol:  :lol:  :lol:  :lol:  
 
JS ca execute des trucs sur ta machine que ca devrait pas !!! De plus tu peux le rmeplacer completment avec les CSS, donc c'est devenu inutile !

Reply

Marsh Posté le 27-11-2002 à 13:52:29    

fatypunk a écrit a écrit :

 
 
 :lol:  :lol:  :lol:  :lol:  :lol:  :lol:  :lol:  :lol:  :lol:  
 
JS ca execute des trucs sur ta machine que ca devrait pas !!! De plus tu peux le rmeplacer completment avec les CSS, donc c'est devenu inutile !




toi mon pote t'as rien compris... css c'est pour la présentation, javascript pour le comportemant. Tu me dis comment tu fais pour ouvrir une nouvelle fenêtre en xhtml strict + css ?

Reply

Marsh Posté le 27-11-2002 à 13:55:29    

fatypunk a écrit a écrit :

:lol:  :lol:  :lol:  :lol:  :lol:  :lol:  :lol:  :lol:  :lol:  
 
JS ca execute des trucs sur ta machine que ca devrait pas !!! De plus tu peux le rmeplacer completment avec les CSS, donc c'est devenu inutile !



Psssst, tu réponds à ma question d'avant ?
 
 
Sinon pour résumer :
CSS -> présentation
DOM + ECMAScript (anciennement javascript) -> Manipulation des objets du navigateurs et modification dynamique du document en cours.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 27-11-2002 à 14:06:02    

fatypunk a écrit a écrit :

Au risque de me repeter le JS c'est de la merde et ca sert à rien, de plus bcp de gens (enfin de gens consciencieux) le désactive.
 
Comme d'habitude il est trest simple et bcp plus juste de réaliser ce que tu veux faire en CSS... propiété "background-color" et événement "onclick" ...
 
XHTML strict + CSS + PHP powaaaa !  :bounce:  




 
ben explique moi comment faire alors....
je m'en fous, pas specialement en JS...


---------------
yvele n'est plus.
Reply

Marsh Posté le 27-11-2002 à 14:06:02   

Reply

Marsh Posté le 27-11-2002 à 14:08:52    

gm_superstar a écrit a écrit :

 
Psssst, tu réponds à ma question d'avant ?
 
 
Sinon pour résumer :
CSS -> présentation
DOM + ECMAScript (anciennement javascript) -> Manipulation des objets du navigateurs et modification dynamique du document en cours.




 
DOM  :??:  ECMAScript  :??:  
c koi tout ça? c koi les fonctions a utiliser? fo que ce soi pilotable par php ou java... mé fo pas que la page se recharge en entier..
jvé jeter un cp d'oeil a mr google.. (hééééééééééééééééééééééé je viens de capter que google ça veu dire lunettes...  :D  yeah)
 
 
moi je comprend pas pkoi ce que g fé ça marche pas..


---------------
yvele n'est plus.
Reply

Marsh Posté le 27-11-2002 à 14:14:37    

lorill a écrit a écrit :

 
toi mon pote t'as rien compris... css c'est pour la présentation, javascript pour le comportemant. Tu me dis comment tu fais pour ouvrir une nouvelle fenêtre en xhtml strict + css ?




 
 :jap:  :jap:  :jap:  
 
Avant de dire que les autres n'ont rien compris il faut parfois se regarder dans une glace... Je dis que je trouve JS abusif car je refuse d'executer un evementment sur le pc de l'utilisateur. Donc moi j'ouvre jamais une nouvelle fenetre, car la tu execute un programme chez qqun sans qu'il l'aie demandé !!! Si tu veux vraiment le fair alors oui, fait-le en JS !!! Comme ca celui qui veut pas (comme moi) à le JS désactivé... Mais si tu veux changer ta couleur de fond tu le fait en CSS comme ca ca passe chez tout le monde !!!

Reply

Marsh Posté le 27-11-2002 à 14:16:08    

Pour ce qui est du code exact, je te repond ce soir, deja que je prend sur mes heures de boulot la.....

Reply

Marsh Posté le 27-11-2002 à 14:16:15    

mr yvele a écrit a écrit :

ben explique moi comment faire alors....
je m'en fous, pas specialement en JS...



Je n'ai pas de réponse précise mais tu devrais pouvoir t'en sortir comme ça :
 
Pour chacune de tes frames :
 - tu récupère l'élément body (document.body)
 - tu modifies le style associé : document.body.style.backgroundColor = "#ffffff";


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 27-11-2002 à 14:16:17    

fatypunk a écrit a écrit :

Mais si tu veux changer ta couleur de fond tu le fait en CSS comme ca ca passe chez tout le monde !!!




 
ben réponds a gm qu'on rigole un peu  :whistle:  
 
psst, tu sais que onclick c'est un évenement, et que ca exécute du javascript ?

Reply

Marsh Posté le 27-11-2002 à 14:19:03    

le onclick des CSS... ca execute JAMAIS du JS !!! D'abord je le verrais car chez mi le JS est déactivé et que j'utilise ces evenement abusivement !!!

Reply

Marsh Posté le 27-11-2002 à 14:19:19    

mr yvele a écrit a écrit :

 
 
DOM  :??:  ECMAScript  :??:  
c koi tout ça? c koi les fonctions a utiliser? fo que ce soi pilotable par php ou java... mé fo pas que la page se recharge en entier..
jvé jeter un cp d'oeil a mr google.. (hééééééééééééééééééééééé je viens de capter que google ça veu dire lunettes...  :D  yeah)
 
 
moi je comprend pas pkoi ce que g fé ça marche pas..



Jette un oeil dans la FAQ il y a quelques liens.
 
En gros :  
 ECMAScript -> une standardisation du JavaScript (afin que tous les navigateurs comprennent le même langage)
 DOM -> Document Object Model, c'est à dire un mécanisme pour accéder et modifier n'importe quel élément (ainsi que ses propriétés) dans un document.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 27-11-2002 à 14:25:42    

fatypunk a écrit a écrit :

le onclick des CSS... ca execute JAMAIS du JS !!! D'abord je le verrais car chez mi le JS est déactivé et que j'utilise ces evenement abusivement !!!



Bien sûr que si ça utilise du JavaScript... que veux tu que ça soit d'autre ?
 
Je viens de faire un essai à l'instant avec Mozilla : si je désactive le JavaScript, les évènement onclick ne sont plus exécutés...


Message édité par gm_superstar le 27-11-2002 à 14:25:56

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 27-11-2002 à 14:26:15    

lorill a écrit a écrit :

 
psst, tu sais que onclick c'est un évenement, et que ca exécute du javascript ?



 
+1
 
j'osé pas le dire, parce que j'été pas sur..  :D


---------------
yvele n'est plus.
Reply

Marsh Posté le 27-11-2002 à 14:29:15    

Et pour enfoncer le clou : http://www.w3.org/TR/html4/interac [...] l#h-18.2.3
 

Citation :

Each of the "intrinsic events" listed above takes a value that is a script. The script is executed whenever the event occurs for that element. The syntax of script data depends on the scripting language.


 
Et par défaut c'est du JavaScript...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 27-11-2002 à 14:29:53    

C'est vraiment n'importe quoi.... depuis quand les CSS executerais du JS sans le dire, et de plus je te dis que ca fonctionne chez moi avec JS désactivé (sur Mozilla aussi !)

Reply

Marsh Posté le 27-11-2002 à 14:32:41    

fatypunk a écrit a écrit :

C'est vraiment n'importe quoi.... depuis quand les CSS executerais du JS sans le dire, et de plus je te dis que ca fonctionne chez moi avec JS désactivé (sur Mozilla aussi !)




 
hu? mé ki croire?...
 
EDIT: pas toi en tout cas... hum...


Message édité par Mr yvele le 27-11-2002 à 14:34:00

---------------
yvele n'est plus.
Reply

Marsh Posté le 27-11-2002 à 14:35:55    

fatypunk a écrit a écrit :

C'est vraiment n'importe quoi.... depuis quand les CSS executerais du JS sans le dire,



Parce que ce n'est pas les CSS dont il s'agit ici. Onclick est attribut HTML.

fatypunk a écrit a écrit :

et de plus je te dis que ca fonctionne chez moi avec JS désactivé (sur Mozilla aussi !)



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>JavaScript et évènements</title>
 
</head>
 
<body>
 
<div onclick="this.style.backgroundColor='#ffff33';">Plop !</div>
 
</body>
 
</html>


Clique sur le mot "Plop" avec JavaScript désactivé. Il ne se passera rien. Avec JavaScript activé, le fond du DIV devient jaune.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 27-11-2002 à 14:48:46    

gm_superstar a écrit a écrit :

 
Je n'ai pas de réponse précise mais tu devrais pouvoir t'en sortir comme ça :
 
Pour chacune de tes frames :
 - tu récupère l'élément body (document.body)
- tu modifies le style associé : document.body.style.backgroundColor = "#ffffff";




 
bah t marrant mé comment je fé pour recuperer le body de ma frame?
 
j'capte pas..  
ERREUR parent.topframe.body a la valeur nulle ou n'est pas un objet


---------------
yvele n'est plus.
Reply

Marsh Posté le 27-11-2002 à 14:50:57    

mr yvele a écrit a écrit :

 
 
bah t marrant mé comment je fé pour recuperer le body de ma frame?
 
j'capte pas..  
ERREUR parent.topframe.body a la valeur nulle ou n'est pas un objet




parent.topframe.document.body non ?


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 27-11-2002 à 14:50:59    

c'est pas plutot parent.frames.topframe ? (de mémoire)

Reply

Marsh Posté le 27-11-2002 à 14:55:02    

gm_superstar a écrit a écrit :

 
parent.topframe.document.body non ?




 
parent.topframe.document a la valeur nulle ou n'est pas un objet
merdeuh!!!  :cry:  


---------------
yvele n'est plus.
Reply

Marsh Posté le 27-11-2002 à 14:55:24    

lorill a écrit a écrit :

c'est pas plutot parent.frames.topframe ? (de mémoire)




 
parent.frames.topframe a la valeur nulle ou n'est pas un objet
RE merdeuh!!!  :cry:  :cry:  


---------------
yvele n'est plus.
Reply

Marsh Posté le 27-11-2002 à 14:56:02    

kkun a un bo jpg avec tout la hierarchie des objets??


---------------
yvele n'est plus.
Reply

Marsh Posté le 27-11-2002 à 15:01:00    

window.parent.TA_FRAME.document.body.style.backgroundColor='TA_COULEUR';


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 27-11-2002 à 15:03:04    

gm_superstar a écrit a écrit :

window.parent.TA_FRAME.document.body.style.backgroundColor='TA_COULEUR';




 
window.parent.TA_FRAME.document n'est pas blablabla..
 
ptain jte dis, je comprend rien... :sweat:  
ché toi ça marche??
 
pourtant g essayé avec topframe mainframe et leftframe... tjs pareil...
 
huuuuuuuuuuuuuuuuuuuuuuu  :heink:


---------------
yvele n'est plus.
Reply

Marsh Posté le 27-11-2002 à 15:03:48    

un doute m'assaille... On peut voir le source de ton frameset ?

Reply

Marsh Posté le 27-11-2002 à 15:06:10    

mr yvele a écrit a écrit :

window.parent.TA_FRAME.document n'est pas blablabla..
 
ptain jte dis, je comprend rien... :sweat:  
ché toi ça marche??



Oui, je viens de vérifier avec Mozilla et IE6.
Mais il faut remplacer TA_FRAME par le nom de ta frame hein ;)

mr yvele a écrit a écrit :

pourtant g essayé avec topframe mainframe et leftframe... tjs pareil...
 
huuuuuuuuuuuuuuuuuuuuuuu  :heink:



Fait voir ton frameset ou la hierarchie de tes frames...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 27-11-2002 à 15:06:39    

lorill a écrit a écrit :

un doute m'assaille... On peut voir le source de ton frameset ?



POWA \o/


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 27-11-2002 à 15:07:57    

lorill a écrit a écrit :

un doute m'assaille... On peut voir le source de ton frameset ?




 
c bon g trouvé... il y avé un target qui trainé..  :sweat:  
 
merde désolé.... j'avé pas vu..
 
j'avé ça :
<p><a href="javascript:window.parent.topFrame.document.body.style.backgroundColor='#000000'" target="topFrame">main</a></p>
 
g viré le target...
 
 
 :sweat:  :jap:  :sweat:  :jap:  :sweat:  :jap:


Message édité par Mr yvele le 27-11-2002 à 15:17:24

---------------
yvele n'est plus.
Reply

Marsh Posté le 27-11-2002 à 15:30:11    

gm_superstar a écrit a écrit :

 
Parce que ce n'est pas les CSS dont il s'agit ici. Onclick est attribut HTML.
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>JavaScript et évènements</title>
 
</head>
 
<body>
 
<div onclick="this.style.backgroundColor='#ffff33';">Plop !</div>
 
</body>
 
</html>


Clique sur le mot "Plop" avec JavaScript désactivé. Il ne se passera rien. Avec JavaScript activé, le fond du DIV devient jaune.




 
T'as fumé toi !!!!! Enleve-moi ce "this" et ca marchera !!!

Reply

Marsh Posté le 27-11-2002 à 15:41:40    

fatypunk a écrit a écrit :

T'as fumé toi !!!!! Enleve-moi ce "this" et ca marchera !!!



Non, plus...
 
Bon, on va arrêter là je crois... Tu ferais bien de réviser un peu les specs du HTML, DOM et ECMAScript...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 27-11-2002 à 15:46:58    

:lol:


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
Reply

Marsh Posté le 27-11-2002 à 16:49:17    

gm_superstar a écrit a écrit :

 
Non, plus...
 
Bon, on va arrêter là je crois... Tu ferais bien de réviser un peu les specs du HTML, DOM et ECMAScript...




 
bon, mais reviens demain je te fais un code html + css qui te fais ca ce soir, ici je suis au boulot et g que IE.....

Reply

Marsh Posté le 27-11-2002 à 16:50:24    

Ah, ça va être une chouette journée demain :)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed