afficher du html avec javascript

Statut
N'est pas ouverte pour d'autres réponses.
cyse

cyse

Elite
bonjour a tous :)

j'ai envie de faire un truc en javascript mais comme je suis pas doué :'(


en gros je veux afficher une image, et quand on passe sa souris dessus, ca affiche un tableau <table> en dessous de l'image :


<img src="image.jpg" border=0 onMouseover="affiche()" onMouseout="affichepas()">

avec comme function affiche()
{ document.write("<table><tr><td>blablabla</td></tr></table");
}

(je sais bien qu'il faut mettre ca dans une balise <SCRIPT LANGUAGE="JavaScript"> c'etait juste pour expliquer)

et quand je passe sur l'image, ca enleve toute la page et affiche juste le tableau

deplus je suis pas sure qu'on puisse enlever le tableau une fois qu'il est affiché :-(

zen pensez quoi ?
 
Noir

Noir

Never forget who i am !
fais ça en action script.
 
II phl II

II phl II

Touriste
c'est normal, document = la page entière
:arrow: document.write = remplacer la page actuelle en entier par le <table>

Cherche sur http://www.editeurjavascript.com tu trouveras surement ton bonheur
 
THiBOo

THiBOo

Elite
Voilà ce qu'il te faut :

la fonction javascript :
Code: 
function pivotInfoPopup(message, nrLines, nbCarsWidth) {
branchCheck();
var content="<table  border=1 bgcolor= '#FFFF88' bordercolor='#3333cc'>"+
            "<td><TABLE align=center BORDER=0  " +
            "CELLPADDING=1 CELLSPACING=1> "+
      		"<tr><td class='PopupText' align=left>" + message + "</td></tr>"+
            "</table></td></table>";
if(old){alert(msg);return;} 
else{yyy=Yoffset;
 if(nav){skn.document.write(content);skn.document.close();skn.visibility="visible"}
 if(iex){document.all("Branch").innerHTML=content;skn.visibility="visible"}
 }
}
l'utilisation de ce code :
Code: 
<td height = '110' width = '5' onmouseout="javascript:kill();" onMouseOver="javascript:pivotInfoPopup('<B>Rentabilité:</B> 207.73', 1, 26);" >
</td>
C'était dans le cadre d'un projet de présentation d'une matrice et je voulais que les écarts entre chaque cadre m'indique le taux de rentabilité ... Wala ça devrait t'aider pas mal :) ( tu peux virer les "class" c'est du css )
 
1er
OP
cyse

cyse

Elite
merci je vais regarder ça
 
guslinux

guslinux

Gamerz'ien
cyse a dit:
bonjour a tous :)

j'ai envie de faire un truc en javascript mais comme je suis pas doué :'(


en gros je veux afficher une image, et quand on passe sa souris dessus, ca affiche un tableau <table> en dessous de l'image :


<img src="image.jpg" border=0 onMouseover="affiche()" onMouseout="affichepas()">

avec comme function affiche()
{ document.write("<table><tr><td>blablabla</td></tr></table");
}

(je sais bien qu'il faut mettre ca dans une balise <SCRIPT LANGUAGE="JavaScript"> c'etait juste pour expliquer)

et quand je passe sur l'image, ca enleve toute la page et affiche juste le tableau

deplus je suis pas sure qu'on puisse enlever le tableau une fois qu'il est affiché :-(

zen pensez quoi ?
Cliquez pour agrandir...
Joues avec des calques css, ca permet pas mal de choses et c'est simple. Tu attaques le calques en JavaScript: document.getElementById('Ton_Calque').style.diplay='none'/'inline'
Dans ton css, tu dis que le calque doit s'afficher en z-index:100 et de manière absolue. On peut meme ajuster la transparence sous IE6, donc ca met en grisé le fond de la page...
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut