Css dans javascript

Css dans javascript - HTML/CSS - Programmation

Marsh Posté le 03-06-2005 à 10:23:10    

:pt1cable:  :pt1cable:  
Salut à tous...  
Voila ça y est j'ai cassé une durite, j'y connais pratiquement rien en javascript, j'ai eu du mal à faire une pauvre fonction, mais now je m'attaque à du gros mdr...  :lol:  :lol:  :D .
En fait je souhaite faire une mise en page pour mon texte avec un css que j'ai déjà fait, mais mis en page totalement différente du reste de la page...
 
Voila le code javascript :  

Code :
  1. <script type="text/javascript">
  2. var nbrs = 2; // Nombre d'élements ajouter;
  4. function appendAfter(elt,new_elt)
  5. {
  6.     var frere = elt.nextSibling;
  7.     var pere = elt.parentNode;
  8.     pere.insertBefore(new_elt,frere);
  9. }
  11. function appendBefore(elt,new_elt)
  12. {
  13.     var pere = elt.parentNode;
  14.     pere.insertBefore(new_elt , elt);
  15. }
  17. window.onload = function() {
  18.     fic = document.getElementById('fic');
  19.     fic.onclick = function () {
  20.     var table = document.createElement("TABLE" );
  21.     appendBefore(fic,table);
  22.     var TR = document.createElement("TR" );
  23.     var TD = document.createElement("TD" );
  24.     appendBefore(fic,TR);
  25.     appendBefore(fic,TD);
  27. // retenez bien cette ligne les amis :)
  28.     var texteintro = document.createTextNode(nbrs+"ème Compte Mail .. " );
  29.     appendBefore(fic,texteintro);
  31.     var TD0 = document.createTextNode(nbrs+"ème Nom .. " );
  32.     appendBefore(fic,TD0);
  33.     var TD1 = document.createElement("input" );
  34.     TD1.setAttribute("name","nom_mail"+nbrs);
  35.     TD1.setAttribute("type","text" );
  36.     TD1.setAttribute("size","40" );
  37.         appendBefore(fic,TD1);
  38.     var TR00 = document.createElement("TR" );
  39.     var TD00 = document.createElement("TD" );
  40.         appendBefore(fic,TR00);
  41.         appendBefore(fic,TD00);
  43.     var TD3 = document.createTextNode(nbrs+"ème Login .. " );
  44.     appendBefore(fic,TD3);
  45.     var TD4 = document.createElement("input" );
  46.     TD4.setAttribute("name","log_mail"+nbrs);
  47.     TD4.setAttribute("type","text" );
  48.     TD4.setAttribute("size","20" );
  49.         appendBefore(fic,TD4);
  50.     var TR000 = document.createElement("TR" );
  51.     var TD000 = document.createElement("TD" );
  52.         appendBefore(fic,TR000);
  53.         appendBefore(fic,TD000);
  55.     var TD5 = document.createTextNode(nbrs+"ème Password .. " );
  56.     appendBefore(fic,TD5);
  57.     var TD6 = document.createElement("input" );
  58.     TD6.setAttribute("name","pass_mail"+nbrs);
  59.     TD6.setAttribute("type","text" );
  60.     TD6.setAttribute("size","20" );
  61.         appendBefore(fic,TD6);
  62.     var TR0000 = document.createElement("TR" );
  63.     var TD0000 = document.createElement("TD" );
  64.         appendBefore(fic,TR0000);
  65.         appendBefore(fic,TD0000);
  67.     var TD7 = document.createTextNode(nbrs+"ème Alias .. " );
  68.     appendBefore(fic,TD7);
  69.     var TD8 = document.createElement("input" );
  70.     TD8.setAttribute("name","pass_mail"+nbrs);
  71.     TD8.setAttribute("type","text" );
  72.     TD8.setAttribute("size","20" );
  73.         appendBefore(fic,TD8);
  74.     var TR00000 = document.createElement("TR" );
  75.     var TD00000 = document.createElement("TD" );
  76.         appendBefore(fic,TR00000);
  77.         appendBefore(fic,TD00000);
  78.     nbrs++;
  79.     }
  80. }
  81. </script>


 
 
Je l'ai mi entier pour ceux qui veulent savoir comment faire pour rajouter des champs de formulaire au click d'un bouton ...
Enfin la n'est pas la question.
 
C'est ici que je souhaite faire mon chti shimlblick (peu importe comment ça s'écri  :) )

Code :
  1. var texteintro = document.createTextNode(nbrs+"ème Compte Mail .. " );
  2. appendBefore(fic,texteintro);


 
Je souhaite attribuer la class du css nommée titre_menu
Dans le html basique c'est tout simple  

Code :
  1. <td class="titre_menu">>> Réglages Base de donnée</td>


 
Mais la je dois avouer que j'en sais absolument rien, et je cherche depuis 8h de matin sur le net, google, et autre, mais rien ne me convient...
Est possible au moins de faire cela..?  :heink:  :heink:  
Merki d'avance pour votre aide :)[:alhex]

Reply

Marsh Posté le 03-06-2005 à 10:23:10   

Reply

Marsh Posté le 03-06-2005 à 10:38:12    

appendBefore? [:johneh]
 
Qu'est-ce que c'est que ce truc? Tu te rends compte que ce mot ne veut rien dire?  [:johneh]
 
http://www.quirksmode.org/


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 03-06-2005 à 10:44:02    

MDR en même temps c'est une fonction..

Code :
  1. function appendBefore(elt,new_elt)
  2. { 
  3.     var pere = elt.parentNode;
  4.     pere.insertBefore(new_elt , elt); 
  5. }


J'ai plus le droit d'appeler mes fonctions comme je veux moi maintenant?? Si je veux l'appeler sdfksdf() et que ça ve rien dire j'ai le droit..
Non mais  :kaola:  :kaola:  
D'abord !!  :kaola:  
Sinon c'est quoi ton lien la..?
Il est mal foutu ce site  :ange:

Reply

Marsh Posté le 03-06-2005 à 10:49:27    

micfont999 a écrit :

MDR en même temps c'est une fonction..

Code :
  1. function appendBefore(elt,new_elt)
  2. { 
  3.     var pere = elt.parentNode;
  4.     pere.insertBefore(new_elt , elt); 
  5. }


J'ai plus le droit d'appeler mes fonctions comme je veux moi maintenant?? Si je veux l'appeler sdfksdf() et que ça ve rien dire j'ai le droit..


Sisi, t'as le droit d'utiliser des noms qui sont des non-sens si ça t'amuse :)  

Citation :

Sinon c'est quoi ton lien la..?


Le meilleur site existant à ce jour sur le javascript, le DOM et le cross-browser [:itm]  

Citation :

Il est mal foutu ce site  :ange:


[:rofl]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 03-06-2005 à 10:59:46    

SNIFFF.. Je trouve pas ce que je ve.. et pi en anglais chui vraiment mauvais... lol.
Je ontinu à chercher,mais par hasard ça à un rapport avec document.getElementById??
Merci pour tes réponses en tout cas.. :)

Reply

Marsh Posté le 03-06-2005 à 11:54:19    

Je ne trouve pas, enfin si j'ai trouvé mais ça ne marche pas...
Quelqu'un à t'il un chti bout de code for me please..?

Reply

Marsh Posté le 03-06-2005 à 14:50:12    

up

Reply

Marsh Posté le 06-06-2005 à 10:19:53    

Bonjour à tous...
Je re up un peu la chose si vous avez une idée, ne sait on jamais...
Merci à tous, et bonne journée..

Reply

Marsh Posté le 07-06-2005 à 09:17:14    

Kikou, et bien le bonjour... ;)
Un piti up même pas déguisé pour savoir si les gens n'ont toujours pas d'idée sur le fait de mettre du css dans javascript.
Merci à tous de votre attention envers ce post...  
J'espère que quelqu'un pourra m'aider..
Je pensais que ce ne serait pas compliqué. Il faut croire que j'en demande peux etre beaucoup...
En tout cas merci pour tout. :D

Reply

Marsh Posté le 07-06-2005 à 10:25:37    

document.getElementById('pouet').className = 'tagada';

Reply

Marsh Posté le 07-06-2005 à 10:25:37   

Reply

Marsh Posté le 07-06-2005 à 11:07:30    

Je te remercie FlorentG...
J'ai à peu près compris comment cela fonctionnais mais je n'arrive pas à attribuer les paramètres à mon texte
 
Voila mon code..

Code :
  1. var el = document.createElement("DIV" );
  2.     el.id = "myDiv";   
  3.     with(el.style){
  4.       fontsize: 12+"px";
  5.       fontfamily: "Arial, Helvetica, Geneva, Swiss, SunSans-Regular";
  6.       padding : 5+"px";
  7.       color : "#FF9900";
  8.       fontweight: "bold";
  9.     }
  10.     appendBefore(fic,el);
  12.     var texteintro = document.createTextNode(">>"+nbrs+" ème Compte Mail .. " );
  13.     //var essai = document.getElementById('myDiv') = 'titre_menu'; Cette ligne était un essai
  14.     appendBefore(fic,texteintro);


 
Je souhaiterais donc que mon texte crée avec createTextNode prenne les parametres de mon div.
Merci pour tout.. JE continu à faire des test,( non concluant lol)
Merci encore :)

Reply

Sujets relatifs:

Leave a Replay

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