Mettre une image de fond derriere un tableau DOM

Mettre une image de fond derriere un tableau DOM - HTML/CSS - Programmation

Marsh Posté le 07-03-2005 à 21:38:40    

J'aimerai mettre une image de fond derriere un tableau fait en DOM
Je n'ai pas trouvé d'exemple sur le net
Peut-être que quelqu'un d'entre vous saurait comment procéder ?
Merci  :hello:  
 
Le code :
 
var mybody=document.getElementsByTagName("body" ).item(0);  
mytable = document.createElement("TABLE" );  
mytablebody = document.createElement("TBODY" );  
 
mycurrent_row=document.createElement("TR" );  
mytable.style.fontSize='25px';
 
for(i=0;i<3;i++) {  
    mycurrent_cell=document.createElement("TD" );  
    mycurrent_cell.style.background="rgb(123,151,209)";
                 
                  if(i==0)currenttext=document.createTextNode("Nombre intime" );
                  if(i==1)currenttext=document.createTextNode(nombre_intime_reduction_partielle);
    if(i==2)currenttext=document.createTextNode(nombre_intime_reduit);
                  mycurrent_cell.appendChild(currenttext);  
                  mycurrent_row.appendChild(mycurrent_cell);  
           mytablebody.appendChild(mycurrent_row);
   }
mytable.appendChild(mytablebody);  
         
mybody.appendChild(mytable);  
mytable.setAttribute("border","2" );  
 


---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978).  Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).
Reply

Marsh Posté le 07-03-2005 à 21:38:40   

Reply

Marsh Posté le 07-03-2005 à 21:39:39    

mytable.style.backgroundImage = "url('pouet.jpg')"


:??:

Reply

Marsh Posté le 07-03-2005 à 21:47:13    

FlorentG a écrit :

mytable.style.backgroundImage = "url('pouet.jpg')"


:??:


 
waa, ça c'est de la réponse rapide, gros BIBI  :love:  
Je me doutai que c'était un truc dans le genre, mais je n'avais pas la syntaxe extacte
Merci beaucoup de m'avoir décoincé  :jap:
 
Autre petite question :
 
Comment puis-je entrer le caractère espace dans mon tableau ?
J'ai essayé le code iso et un &nbsp; mais rien n'y fait
C'est encore un trus très simple, mais quand on le sais pas...
 :pt1cable:


Message édité par aragorns le 07-03-2005 à 21:58:50

---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978).  Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).
Reply

Marsh Posté le 07-03-2005 à 22:06:03    

Comment ça le caractère espace ? Parce que &nbsp;, c'est pas espace, c'est espace-insécable, spapareil ;).

Reply

Marsh Posté le 07-03-2005 à 22:19:51    

FlorentG a écrit :

Comment ça le caractère espace ? Parce que &nbsp;, c'est pas espace, c'est espace-insécable, spapareil ;).


 
Je m'explique  :lol:  
Dans certaines cases de mon tableau je voudrai ne rien mettre pour que ça me fasse une case vide (un peu comme dans mon cerveau tu vois?)
Si je ne met aucun caractère, ça me rapproche les 2 colonnes de mon tableau qui sont à touche-touche
Moi je voudrai une belle case vide
 
J'ai d'ailleur le même problème pour faire un retour à la ligne, je serai curieux de savoir quel caractère entrer
 
Merci de ta patience  :hello:


---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978).  Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).
Reply

Marsh Posté le 07-03-2005 à 22:21:00    

Tu met un <td> vide, non ?
 
Pour le retour chariot, c'est la balise <br />

Reply

Marsh Posté le 07-03-2005 à 22:53:53    

FlorentG a écrit :

Tu met un <td> vide, non ?
 
Pour le retour chariot, c'est la balise <br />


 
Avec un <td> vide, ça ne me donne rien de bon (les 2 colonnes sont très raprochées, si bien que je suis obligé du mettre un _  pour faire de l'espace)
 
mycurrent_cell=document.createElement("TD" );  
currenttext=document.createTextNode("_" );
mycurrent_cell.appendChild(currenttext);  
mycurrent_row.appendChild(mycurrent_cell);  
mytablebody.appendChild(mycurrent_row);  
 
Pour le <br /> que je le mette dans createElement ou dans createTextNode, ça ne fait rien du tout  :??:  
 :??:  bon je vais au dodo, a demain  :sleep:


---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978).  Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).
Reply

Marsh Posté le 07-03-2005 à 22:54:46    

Avec un CSS (je sais plus lequel), y'a moyen de dire de remplir la case si elle est vide :)

Reply

Marsh Posté le 07-03-2005 à 22:55:02    

Le <br>, c'est un createElement :)

Reply

Marsh Posté le 07-03-2005 à 23:09:46    

FlorentG a écrit :

Le <br>, c'est un createElement :)


 
Que je mette :
mycurrent_cell=document.createElement("<br />" );  
ou
mycurrent_cell=document.createElement("<br>" );  
ou
mycurrent_cell=document.createElement("BR" );  
 
Ca me fais un message d'erreur  :p


---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978).  Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).
Reply

Marsh Posté le 07-03-2005 à 23:09:46   

Reply

Marsh Posté le 07-03-2005 à 23:12:44    

mycurrent_cell=document.createElement("br" ). En XHTML, tous les éléments sont en minuscules ;)


Message édité par FlorentG le 07-03-2005 à 23:13:00
Reply

Marsh Posté le 09-03-2005 à 21:44:17    

FlorentG a écrit :

Avec un CSS (je sais plus lequel), y'a moyen de dire de remplir la case si elle est vide :)


empty-cells qui n'est pas reconnue par IE...


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

Marsh Posté le 09-03-2005 à 21:48:20    

Sinon, il suffit simplement de donner une largeur aux td [:spamafote]

Reply

Marsh Posté le 09-03-2005 à 22:06:50    

gm_superstar a écrit :

empty-cells qui n'est pas reconnue par IE...


C'était obligé qu'il y avait un gag :D

Reply

Marsh Posté le 09-03-2005 à 22:35:35    

FlorentG a écrit :

mycurrent_cell=document.createElement("br" ). En XHTML, tous les éléments sont en minuscules ;)


 
Merci de ton aide, ca marche :)
Les DOM, cela m'ouvre des perspectives intéressantes  :D  
 
 :jap:  
 :hello:


Message édité par aragorns le 09-03-2005 à 22:40:49

---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978).  Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).
Reply

Marsh Posté le 09-03-2005 à 22:41:19    

Savez-vous si il est possible de faire des liens cliquables avec chacuns des éléments d'un tableau fait en DOM ?  :pt1cable:


---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978).  Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).
Reply

Marsh Posté le 09-03-2005 à 22:43:58    

Ben met-y des liens

Reply

Marsh Posté le 09-03-2005 à 22:48:09    

FlorentG a écrit :

C'était obligé qu'il y avait un gag :D


D'un autre côté, je ne sais pas exactement ce que fait cet attribut, mais étant donné que IE ne fait pas la différence entre un td rempli et un td vide (si y'a un bgcolor par exemple, il est appliqué dans tous les cas) je doute que ce soit vraiment gênant qu'il ne supporte pas cet attribut.

Reply

Marsh Posté le 09-03-2005 à 23:21:13    

J'ai essayé ceci :
currenttext=document.createTextNode("<a href=www.toto.com>mon_lien</a>" );
 
Mais c'était trop beau pour être vrai  :??:  
 
J'ai trouvé ça sur google, mais c'est pas vraiment clair pour moi
lien:http://www.codingforums.com/showth [...] post277882
 
Création d'un lien :
var a=document.createElement('a');
a.setAttribute('href','http://www.codingforums.com');
var str=document.CreateTextNode('CodingForums.com');
a.appendChild(str);
cellLeft.appendChild(a);
 :pt1cable:


---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978).  Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).
Reply

Marsh Posté le 09-03-2005 à 23:40:23    

Ah ben oui, DOM c'est sympa, mais c'est pas ce qu'il y a de plus simple à utiliser :D

Reply

Marsh Posté le 11-03-2005 à 12:36:58    

Arjuna a écrit :

Ah ben oui, DOM c'est sympa, mais c'est pas ce qu'il y a de plus simple à utiliser :D


 
Oui, je m'en apperçois  :whistle:  
 
J'ai trouvé un site pas mal sur les fonction dom et svg (je ne sais pas ce que c'est que le svg)
http://pilat.free.fr/routines/js_dom.htm
 
Il y a un code qui semble créer des liens, c'est l'exemple 18
Voici le code (que je n'arrive biensûr pas à faire marcher  :D )
Cela n'a pas l'air facile
Si un spécialiste connait le truc ... qu'il n'ésite pas  :hello:  
 

<svg width='400' height='400' onload='init(evt)'>
<script><![CDATA[
 
function init(evt)
{
svgdoc=evt.target.ownerDocument;
node=svgdoc.createElement('a');
 
node.setAttributeNS(
         'http://www.w3.org/2000/xlink/namespace/',
         'xlink:href',
         'puzzle.jpg');
node.setAttribute('target','_blank');
comment=svgdoc.getElementById('texte');
node.appendChild(comment);
ou=evt.target;
ou.appendChild(node);
}
 
]]></script>
<text id='texte' x='200' y='50' style='text-anchor:middle;font-size:25;font-family:Arial;fill:red'>Cliquez moi!</text>
</svg>


---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978).  Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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