afficher du html avec javascript

Discussion dans 'Web, design' créé par cyse, 8 Novembre 2005.

Statut de la discussion:
Fermée.
  1. Offline
    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 ?
    cyse, 8 Novembre 2005
    #1
  2. Offline
    Noir Never forget who i am !
    fais ça en action script.
    Noir, 8 Novembre 2005
    #2
  3. Offline
    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
    II phl II, 8 Novembre 2005
    #3
  4. Offline
    MbK_ Etudjant
    c'est flash ca ...
    MbK_, 8 Novembre 2005
    #4
  5. Offline
    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 )
    THiBOo, 8 Novembre 2005
    #5
  6. Offline
    cyse Elite
    merci je vais regarder ça
    cyse, 9 Novembre 2005
    #6
  7. Offline
    guslinux Gamerz'ien
    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...
    guslinux, 9 Novembre 2005
    #7
  8. Offline
    cyse Elite
    cyse, 9 Novembre 2005
    #8
Statut de la discussion:
Fermée.