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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Mettre une image de fond derriere un tableau DOM

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Mettre une image de fond derriere un tableau DOM

n°1004103
aragorns
Posté le 07-03-2005 à 21:38:40  profilanswer
 

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).
mood
Publicité
Posté le 07-03-2005 à 21:38:40  profilanswer
 

n°1004104
FlorentG
Unité de Masse
Posté le 07-03-2005 à 21:39:39  profilanswer
 

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


:??:

n°1004113
aragorns
Posté le 07-03-2005 à 21:47:13  profilanswer
 

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).
n°1004124
FlorentG
Unité de Masse
Posté le 07-03-2005 à 22:06:03  profilanswer
 

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

n°1004144
aragorns
Posté le 07-03-2005 à 22:19:51  profilanswer
 

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).
n°1004146
FlorentG
Unité de Masse
Posté le 07-03-2005 à 22:21:00  profilanswer
 

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

n°1004160
aragorns
Posté le 07-03-2005 à 22:53:53  profilanswer
 

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).
n°1004162
FlorentG
Unité de Masse
Posté le 07-03-2005 à 22:54:46  profilanswer
 

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

n°1004163
FlorentG
Unité de Masse
Posté le 07-03-2005 à 22:55:02  profilanswer
 

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

n°1004198
aragorns
Posté le 07-03-2005 à 23:09:46  profilanswer
 

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).
mood
Publicité
Posté le 07-03-2005 à 23:09:46  profilanswer
 

n°1004202
FlorentG
Unité de Masse
Posté le 07-03-2005 à 23:12:44  profilanswer
 

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
n°1007390
gm_superst​ar
Appelez-moi Super
Posté le 09-03-2005 à 21:44:17  profilanswer
 

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
n°1007392
Arjuna
Aircraft Ident.: F-MBSD
Posté le 09-03-2005 à 21:48:20  profilanswer
 

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

n°1007419
FlorentG
Unité de Masse
Posté le 09-03-2005 à 22:06:50  profilanswer
 

gm_superstar a écrit :

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


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

n°1007467
aragorns
Posté le 09-03-2005 à 22:35:35  profilanswer
 

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).
n°1007472
aragorns
Posté le 09-03-2005 à 22:41:19  profilanswer
 

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).
n°1007478
FlorentG
Unité de Masse
Posté le 09-03-2005 à 22:43:58  profilanswer
 

Ben met-y des liens

n°1007485
Arjuna
Aircraft Ident.: F-MBSD
Posté le 09-03-2005 à 22:48:09  profilanswer
 

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.

n°1007548
aragorns
Posté le 09-03-2005 à 23:21:13  profilanswer
 

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).
n°1007578
Arjuna
Aircraft Ident.: F-MBSD
Posté le 09-03-2005 à 23:40:23  profilanswer
 

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

n°1009569
aragorns
Posté le 11-03-2005 à 12:36:58  profilanswer
 

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).
mood
Publicité
Posté le   profilanswer
 


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

  Mettre une image de fond derriere un tableau DOM

 

Sujets relatifs
[DOM/XML/PHP] & dans texte = erreur de parsingRedimensionner un tableau
Tableau dont on ne connait pas la tailleMettre une image de fond à une balise <li> en css
image + lien aléatoires à l'ouverture d'une page ... ??Afficher plusieurs fois la même image à différents endroits
Petit script utilisant DOM[Activex] - Passage de paramètre (Tableau)
Plus de sujets relatifs à : Mettre une image de fond derriere un tableau DOM


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