Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2587 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°2131949
lelfedesbo​a
Posté le 18-03-2012 à 15:03:11  profilanswer
 

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 :
  1. <input type="button" onClick="modif()" value="Click !">
  2. <SCRIPT language="Javascript">
  3. function modif(){
  4. var reponse = prompt('Quel est votre prénom ?','prénom');
  5. document.write("<h1>Hello "+reponse+ " !!!!</h1>" );
  6. }
  7. </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
mood
Publicité
Posté le 18-03-2012 à 15:03:11  profilanswer
 

n°2131965
gatsu35
Blablaté par Harko
Posté le 18-03-2012 à 20:10:11  profilanswer
 

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
n°2131975
lelfedesbo​a
Posté le 18-03-2012 à 21:24:56  profilanswer
 

Merci ca fonctionne !

Code :
  1. 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 ;)

n°2131983
gatsu35
Blablaté par Harko
Posté le 18-03-2012 à 21:57:04  profilanswer
 

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


---------------
Blablaté par Harko
n°2131987
lelfedesbo​a
Posté le 18-03-2012 à 22:01:57  profilanswer
 

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 ;)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
javascript HELP !!!!!!!!!Fonction qui retourne un tableau dynamique
accès aux répertoires, fichiers en fonction du statut de l'utilisateurphp fonction ftp_get
Remplissage d'un tableau JavaScriptProgramme pour ouvrir une fenêtre miniature en fonction de la T°C
Fonction tskillJavascript : Pb sur évenement et function
[Javascript] WTF ? 
Plus de sujets relatifs à : [résolu]perte de mon css en passant dans une fonction javascript


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR