Problème de Javascript

Résolu
Gloubi91 Messages postés 8 Date d'inscription lundi 19 octobre 2009 Statut Membre Dernière intervention 19 août 2010 - 16 juin 2010 à 16:28
Gloubi91 Messages postés 8 Date d'inscription lundi 19 octobre 2009 Statut Membre Dernière intervention 19 août 2010 - 16 juin 2010 à 22:41
Bonjour à tous et à toutes,

Je suis actuellement en phase de test pour un site que je voudrais lancer prochainement, et j'ai dans l'idée de créer une barre de défilement d'icônes comme un dock mac semblable à celle d'un célèbre débrideur: www.fast-debrid.com
Malheureusement, j'ai trouvé un code qui ne marche pas chez moi. Il était tout d'abord en HTML et ne fonctionnait qu'avec des sites sans doctype, chose indispensable, et quelqu'un l'a modifié en XHTML. Voici la source: http://www.javascriptfr.com/codes/EFFET-DOCK-MAC-OS-VOS-MENUS_26334.aspx

J'ai donc essayé de remplacer par un javascript valide pour un doctype XHTML mais toujours rien. Pouvez-vous m'aider?
PS: Voici mes codes: http://www.blocnotesenligne.com/Gloubi
J'utilise le dock linéaire.

Merci d'avance à tous,
Gloubi.

5 réponses

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
16 juin 2010 à 18:15
Bonjour,
tu aurais pu mettre le code ici avec les balises qui vont bien
le code original si je ne m'abuse est
img_tags[i].style.width=coef;
img_tags[i].style.height=coef;

pour qu'il soit compatible il faut écrire
img_tags[i].style.width=coef +"px";
img_tags[i].style.height=coef +"px";
tu as simplement oublié de mettre les +


...sans préjuger du reste...
;O)
3
Gloubi91 Messages postés 8 Date d'inscription lundi 19 octobre 2009 Statut Membre Dernière intervention 19 août 2010
16 juin 2010 à 22:11
Erf, le site BlocnoteenLigne est nul, il m'oublie pleins de trucs, ça beug!
Voilà un fichier .txt bloc note avec mon codage.

http://oron.com/i0hopzovi32i/CCM_Problème.txt.html
3
Gloubi91 Messages postés 8 Date d'inscription lundi 19 octobre 2009 Statut Membre Dernière intervention 19 août 2010
16 juin 2010 à 22:19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>PIP :: Play-In-Past.Com :: Oldies are back!</title>
<meta name="keywords" lang="fr" content="motcle1,mocle2" />
<meta name="description" content="Description de ma page web." />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="icon" type="image/png" href="/images/pipfavicon.png" />
<script language="javascript">
// <![CDATA[
MIN = 33 ; // largeur minimum en pixel
MAX = 115 ; // largeur maximum en pixel
REACTION = 1.2 ; // réaction des icons par rapport à la souris. plus grand --> plus d'icons qui réagissent

A = ((MIN-MAX)/(MAX * REACTION)) ; // coef directeur de la droite d'agrandissement
IE = document.all ? 1 : 0 ;
img_tags = new Array();

function ouEstMaSouris(e)
{
var dock = document.getElementById('dock') ; // div qui contient la barre de menu.

var x = 0;
if (IE) x = e.clientX ; // coordonnées x de la souris sur IE 5.5
else x = e.pageX ; // coordonnées x de la souris sur Mozilla ou Netscape 7

x -= dock.offsetLeft ; // on modifie la coordonnée pour quelle soit relatif au div et non à la fenetre.

img_tags = dock.getElementsByTagName('img') ; // les images contenus dans le div

for(i=0 ; i
[# ]
[# ]
[# ]
[# ]
[# ]
[# ]
[# ]
[# ]
3
PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
16 juin 2010 à 22:37
avec les balises codes cela aurait fait plus classe, mais bon...
le site BlocnoteenLigne est nul
ton deuxième lien n'est pas des plus top non plus, ceci étant corriges dans les balises IMG le stylecomme ceci...
style="width:33px; height:33px; border:0; vertical-align:top;"




;O)
3

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Gloubi91 Messages postés 8 Date d'inscription lundi 19 octobre 2009 Statut Membre Dernière intervention 19 août 2010
16 juin 2010 à 22:41
MY GOD!
Je l'avais fais, sauf que j'avais mis border:"none"

AHHHHHHHHHHHHHHH Je sais pas comment te remercier!
Merci merci! J'ai pas arrêté de chercher :D
Merci encore!

Gloubi. (Très content!)
3
Rejoignez-nous