Gloubi91
Messages postés8Date d'inscriptionlundi 19 octobre 2009StatutMembreDernière intervention19 août 2010
-
16 juin 2010 à 16:28
Gloubi91
Messages postés8Date d'inscriptionlundi 19 octobre 2009StatutMembreDernière intervention19 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.
Gloubi91
Messages postés8Date d'inscriptionlundi 19 octobre 2009StatutMembreDernière intervention19 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
PetoleTeam
Messages postés3426Date d'inscriptionlundi 26 décembre 2005StatutMembreDernière intervention14 janvier 201117 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...