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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Css dans javascript

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Css dans javascript

n°1106612
micfont999
Simplement Moi
Posté le 03-06-2005 à 10:23:10  profilanswer
 

: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]

mood
Publicité
Posté le 03-06-2005 à 10:23:10  profilanswer
 

n°1106644
masklinn
í dag viðrar vel til loftárása
Posté le 03-06-2005 à 10:38:12  profilanswer
 

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
n°1106647
micfont999
Simplement Moi
Posté le 03-06-2005 à 10:44:02  profilanswer
 

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:

n°1106656
masklinn
í dag viðrar vel til loftárása
Posté le 03-06-2005 à 10:49:27  profilanswer
 

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
n°1106676
micfont999
Simplement Moi
Posté le 03-06-2005 à 10:59:46  profilanswer
 

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.. :)

n°1106777
micfont999
Simplement Moi
Posté le 03-06-2005 à 11:54:19  profilanswer
 

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..?

n°1107048
micfont999
Simplement Moi
Posté le 03-06-2005 à 14:50:12  profilanswer
 

up

n°1109279
micfont999
Simplement Moi
Posté le 06-06-2005 à 10:19:53  profilanswer
 

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..

n°1110562
micfont999
Simplement Moi
Posté le 07-06-2005 à 09:17:14  profilanswer
 

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

n°1110638
FlorentG
Unité de Masse
Posté le 07-06-2005 à 10:25:37  profilanswer
 

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

mood
Publicité
Posté le 07-06-2005 à 10:25:37  profilanswer
 

n°1110705
micfont999
Simplement Moi
Posté le 07-06-2005 à 11:07:30  profilanswer
 

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


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

  Css dans javascript

 

Sujets relatifs
CSS et Javascript dans un include[CSS - Javascript] Post-It qui s'affiche onMouseOver....
[HTML/CSS/JAVASCRIPT] forcer l'impression en paysageJavascript et css
[JS] Créer un menu transparent en javascript plutot qu'avec des cssRécupérer via Javascript une propriété d'une class CSS non utilisé
[css/javascript]la hauteur d'un bloc de texte???[Javascript & CSS] position de l'appel
[RÉSOLU] Récupérer attributs définis par CSS externe via JavaScript ?Menu déroulant, Javascript & CSS, Fonctionne sur un max de nav.
Plus de sujets relatifs à : Css dans javascript

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.096 secondes

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