Forum-webmaster
Technique - programmation => Javascript / DOM / Ajax => Message commencé par: Pierre68 le le 01-03-2006 a 21:51:57

Titre: J'veut le même
Posté par: Pierre68 le le 01-03-2006 a 21:51:57

Bonjour
je trouve le menu de cette page http://www.mezkale.com/itw/itw_tsuka_mezkale.php
plutot interessant
quelqu'un pourrait il me dire avec quel language a été crée ce menu et comment arriver au même resultat :)

Merci

Titre: Re:J'veut le même
Posté par: tavman le le 01-03-2006 a 22:49:48

Heuuu bahhh je pense que c'est juste du CSS... En tout cas, le CSS, ca suffit emplement pour faire ca :

tu fait une classe de TD avec tes bordures, et quand tu est dessus, tu change tes bordures et puis voila...

regarde un peut sur des sites de CSS, tu aura des trucs sur hover et ca devrait marcher....

Titre: Re:J'veut le même
Posté par: Pierre68 le le 01-03-2006 a 23:10:32

ok merci :) mais pour le fait que le block menu se déplace en même temp qu'on se déplace dans la page c'est plutot du javascript non ? ???

Titre: Re:J'veut le même
Posté par: tavman le le 02-03-2006 a 00:27:26

ca oui effectivement... Mais t'as un truc un peu similaire en CSS qui ne marche que pour FireFox (a ce que je sais). Exemple ici :

http://www.phpbb-fr.com/

c'est sur l'attribut position... C'est pas "absolute", c'est pas non plus "relative", c'est un autre.... regarde et essaye. Mais sinon pour eux, oui c'est du javascript ca.... Regarde sur internet et t'aura plein de scripts qui te permettront de faire la même chose...
(perso, je trouve plus beau le truc du position, mais comme ca marche pas sous IE...)

Titre: Re:J'veut le même
Posté par: tavman le le 02-03-2006 a 00:29:55

Petite remarque quand même : fait gaffe a ce que tu fait... Parceque perso, je peut pas voir ce qui est écrit la fin du cadre.... C'est quand même dommage.
Donc a utiliser uniquement quand tu met pas trop de texte ;)

Titre: Re:J'veut le même
Posté par: Pierre68 le le 02-03-2006 a 13:51:36

d'accor merci homme des taverne ;D
j'imagine que ça doit etre un truc du genre "attachement"
comme pour le background , je vais essayer. Merci pour le tuyau

Titre: Re:J'veut le même
Posté par: OKKO le le 02-03-2006 a 18:24:13

salut ,

voila le code er le lien en bas de page de :http://www.mezkale.com/itw/itw_tsuka_mezkale.php


Code:

<script type="text/javascript">

/*
Floating Menu script- Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/

//Enter "frombottom" or "fromtop"
var verticalpos="fromtop"

if (!document.layers)
document.write('</div>')

function JSFX_FloatTopDiv()
{
   var startX = 20,
   startY = 127;
   var ns = (navigator.appName.indexOf("Netscape") != -1);
   var d = document;
   function ml(id)
   {
      var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
      if(d.layers)el.style=el;
      el.sP=function(x,y){this.style.left=x;this.style.top=y;};
      el.x = startX;
      if (verticalpos=="fromtop")
      el.y = startY;
      else{
      el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
      el.y -= startY;
      }
      return el;
   }
   window.stayTopLeft=function()
   {
      if (verticalpos=="fromtop"){
      var pY = ns ? pageYOffset : document.body.scrollTop;
      ftlObj.y += (pY + startY - ftlObj.y)/8;
      }
      else{
      var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
      ftlObj.y += (pY - startY - ftlObj.y)/8;
      }
      ftlObj.sP(ftlObj.x, ftlObj.y);
      setTimeout("stayTopLeft()", 10);
   }
   ftlObj = ml("divStayTopLeft");
   stayTopLeft();
}
JSFX_FloatTopDiv();
</script>



Titre: Re:J'veut le même
Posté par: Netah le le 03-03-2006 a 20:26:24

Pour arriver à ce résultat, c'est dommage de s'encombrer avec du javascript.

Tu as de bons exemples/tutoriaux sur www.alsacreations.com/articles

Titre: Re:J'veut le même
Posté par: Pierre68 le le 03-03-2006 a 21:19:19

;D merki bien


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.