[résolu]perte de mon css en passant dans une fonction javascript

Marsh Posté le 18-03-2012 à 15:03:11

Bonjour à tous,

Je me remet à la programmation web après de longues années d'absence...et ça a bien évolué !!!
(c'était ya plus de 8 ans mes derniers sites web !!)

Donc, pour me remettre en jambe, je me fais des petits trucs à la con, genre afficher du texte quand on appuie sur un bouton.
Jusque là, rien de bien sorcier...

A la base, j'ai juste fait une boite de dialogue qui demande le prénom, puis je l'affiche sur ma page avec le fameux "Hello X !!!"

Je complique la chose (oulala, quelle complication !!), en rajoutant un bouton sur ma page, et quand je clique, je passe par une fonction javascript, qui m'affiche ma boite de dialogue, pour ensuite afficher le "Hello machin !!!" sur ma page....
Sauf que.....je perds mes styles css !!! plus de couleur de fond ou de texte, plus de centrage du texte....

Code :

<input type="button" onClick="modif()" value="Click !">
<SCRIPT language="Javascript">
function modif(){
var reponse = prompt('Quel est votre prénom ?','prénom');
document.write("<h1>Hello "+reponse+ " !!!!</h1>" );
}
</SCRIPT>

mon css est vraiment basique, une balise body avec une couleur de fond, et une balise h1 pour mon texte...

y-a-t-il un problème de "portabilité" de variable en passant dans la fonction javascript ?

Message édité par lelfedesboa le 18-03-2012 à 21:26:19

Reply

Marsh Posté le 18-03-2012 à 15:03:11

Reply

Marsh Posté le 18-03-2012 à 20:10:11

document.write ne s'éxécute que lors du chargement de la page, pas après.
Donc ton document.write ici, écrase tout le contenu existant de ta page.

remplace ça par un innerHTML

---------------
Blablaté par Harko

Reply

Marsh Posté le 18-03-2012 à 21:24:56

Merci ca fonctionne !

Code :

document.body.innerHTML="<h1>Hello "+reponse+ " !!!!</h1>";

Je ne connaissais pas du tout le innerHTML !
je m'en vais de ce pas faire des recherches dessus

Reply

Marsh Posté le 18-03-2012 à 21:57:04

Heu, dis moi, depuis quand tu touches au HTML/CSS et JS ?

Message cité 1 fois

---------------
Blablaté par Harko

Reply

Marsh Posté le 18-03-2012 à 22:01:57

gatsu35 a écrit :

Heu, dis moi, depuis quand tu touches au HTML/CSS et JS ?

j'y ai touché en....2003/2004 environ, et plus du tout depuis

Reply

[résolu]perte de mon css en passant dans une fonction javascript

Sujets relatifs:

Leave a Replay