AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2009 07 05 19:22:08
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

NAVBAR THÈME FIREFOX


Information sur la source

Catégorie :Navigation Classé sous : barre, navigation, firefox, image, réactive Niveau : Débutant Date de création : 04/11/2007 Vu / téléchargé: 5 623 / 185
Auteur : nakixx Site perso
Ecrire un message privé
Note :
3 / 10 - par 1 personne
3,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale
Un exemple de barre de naviguation avec les boutons de FireFox
Nécessite JavaScript pour fonctionner
Voici les naviguateur WEB compatibles:
FireFox: toutes versions
Mozilla 1.0 et +
Internet Explorer 4.0 et +
Netscape Navigator 3.0 et +
 

Source

  • <!-- Un exemple de barre de naviguation avec les boutons de FireFox -->
  • <!-- Voici le code HTML à placer dans votre page -->
  • <!-- La seul chose que vous aurez besoin de modifier est l'URL de votre page d'accueil (tout en bas) -->
  • <HEAD>
  • <!-- Mise en cache des PNG dans le naviguateur -->
  • <!-- NE MODIFIEZ RIEN SAUF LES CHEMIN D'ACCÈS SI VOUS LE VOULEZ -->
  • <!-- Bouton de page précédente -->
  • <SCRIPT LANGUAGE="JavaScript">
  • if(document.images)
  • {
  • i325996 = new Image;
  • i325996 = "mouseover/gauche.png";
  • }
  • </SCRIPT>
  • <!-- FIN DU SCRIPT -->
  • <!-- Bouton de page suivante -->
  • <SCRIPT LANGUAGE="JavaScript">
  • {
  • i629177 = new Image;
  • i629177 = "mouseover/droite.png";
  • }
  • </SCRIPT>
  • <!-- FIN DU SCRIPT -->
  • <!-- Bouton de rafraîchissement -->
  • <SCRIPT LANGUAGE="JavaScript">
  • if(document.images)
  • {
  • i449427 = new Image;
  • i449427 = "mouseover/refresh.png";
  • }
  • </SCRIPT>
  • <!-- FIN DU SCRIPT -->
  • <!-- Bouton de fermeture -->
  • <SCRIPT LANGUAGE="JavaScript">
  • if(document.images)
  • {
  • i545790 = new Image;
  • i545790 = "mouseover/stop.png";
  • }
  • </SCRIPT>
  • <!-- FIN DU SCRIPT -->
  • <!-- Bouton d'accueil -->
  • <SCRIPT LANGUAGE="JavaScript">
  • if(document.images)
  • {
  • i685103 = new Image;
  • i685103 = "mouseover/home.png";
  • }
  • </SCRIPT>
  • <!-- FIN DU SCRIPT -->
  • </HEAD>
  • <BODY>
  • <!-- Bouton de page précédente -->
  • <A HREF="javascript:history.go(-1)"
  • onMouseOver="i325996.src='mouseover/gauche.png'"
  • onMouseOut="i325996.src='mouseout/gauche.png'">
  • <IMG SRC="mouseout/gauche.png" BORDER=0 NAME="i325996" ALT="Précédent" HSPACE=0 VSPACE=0></A>
  • <!-- FIN DU SCRIPT -->
  • <!-- Bouton de page suivante -->
  • <A HREF="javascript:history.go(+1)"
  • onMouseOver="i629177.src='mouseover/droite.png'"
  • onMouseOut="i629177.src='mouseout/droite.png'">
  • <IMG SRC="mouseout/droite.png" BORDER=0 NAME="i629177" ALT="Suivant" HSPACE=0 VSPACE=0></A>
  • <!-- FIN DU SCRIPT -->
  • <!-- Bouton de rafraîchissement -->
  • <A HREF="javascript:history.go(0)"
  • onMouseOver="i449427.src='mouseover/refresh.png'"
  • onMouseOut="i449427.src='mouseout/refresh.png'">
  • <IMG SRC="mouseout/refresh.png" BORDER=0 NAME="i449427" ALT="Rafraîchir" HSPACE=0 VSPACE=0></A>
  • <!-- FIN DU SCRIPT -->
  • <!-- Bouton de fermeture -->
  • <A HREF="javascript:close()"
  • onMouseOver="i545790.src='mouseover/stop.png'" onMouseOut="i545790.src='mouseout/stop.png'">
  • <IMG SRC="mouseout/stop.png" BORDER=0 NAME="i545790" ALT="Fermer cette fenêtre" HSPACE=0 VSPACE=0></A>
  • <!-- FIN DU SCRIPT -->
  • <!-- Bouton d'accueil -->
  • <A HREF="#votrePage.html"
  • onMouseOver="i685103.src='mouseover/home.png'"
  • onMouseOut="i685103.src='mouseout/home.png'">
  • <IMG SRC="mouseout/home.png" BORDER=0 NAME="i685103" ALT="Accueil du site" HSPACE=0 VSPACE=0></A>
  • <!-- FIN DU SCRIPT -->
  • </BODY>
<!-- Un exemple de barre de naviguation avec les boutons de FireFox -->

<!-- Voici le code HTML à placer dans votre page -->
<!-- La seul chose que vous aurez besoin de modifier est l'URL de votre page d'accueil (tout en bas) -->

<HEAD>
<!-- Mise en cache des PNG dans le naviguateur -->
<!-- NE MODIFIEZ RIEN SAUF LES CHEMIN D'ACCÈS SI VOUS LE VOULEZ -->

<!-- Bouton de page précédente -->
<SCRIPT LANGUAGE="JavaScript">
if(document.images)
{
i325996 = new Image;
i325996 = "mouseover/gauche.png";
}
</SCRIPT>
<!-- FIN DU SCRIPT -->

<!-- Bouton de page suivante -->
<SCRIPT LANGUAGE="JavaScript">
{
i629177 = new Image;
i629177 = "mouseover/droite.png";
}
</SCRIPT>
<!-- FIN DU SCRIPT -->

<!-- Bouton de rafraîchissement -->
<SCRIPT LANGUAGE="JavaScript">
if(document.images)
{
i449427 = new Image;
i449427 = "mouseover/refresh.png";
}
</SCRIPT>
<!-- FIN DU SCRIPT -->

<!-- Bouton de fermeture -->
<SCRIPT LANGUAGE="JavaScript">
if(document.images)
{
i545790 = new Image;
i545790 = "mouseover/stop.png";
}
</SCRIPT>
<!-- FIN DU SCRIPT -->
<!-- Bouton d'accueil -->
<SCRIPT LANGUAGE="JavaScript">
if(document.images)
{
i685103 = new Image;
i685103 = "mouseover/home.png";
}
</SCRIPT>
<!-- FIN DU SCRIPT -->
</HEAD>

<BODY>
<!-- Bouton de page précédente -->
<A HREF="javascript:history.go(-1)"
onMouseOver="i325996.src='mouseover/gauche.png'"
onMouseOut="i325996.src='mouseout/gauche.png'">
<IMG SRC="mouseout/gauche.png" BORDER=0 NAME="i325996" ALT="Précédent" HSPACE=0 VSPACE=0></A>
<!-- FIN DU SCRIPT -->


<!-- Bouton de page suivante -->
<A HREF="javascript:history.go(+1)"
onMouseOver="i629177.src='mouseover/droite.png'"
onMouseOut="i629177.src='mouseout/droite.png'">
<IMG SRC="mouseout/droite.png" BORDER=0 NAME="i629177" ALT="Suivant" HSPACE=0 VSPACE=0></A>
<!-- FIN DU SCRIPT -->


<!-- Bouton de rafraîchissement -->
<A HREF="javascript:history.go(0)"
onMouseOver="i449427.src='mouseover/refresh.png'"
onMouseOut="i449427.src='mouseout/refresh.png'">
<IMG SRC="mouseout/refresh.png" BORDER=0 NAME="i449427" ALT="Rafraîchir" HSPACE=0 VSPACE=0></A>
<!-- FIN DU SCRIPT -->


<!-- Bouton de fermeture -->
<A HREF="javascript:close()"
onMouseOver="i545790.src='mouseover/stop.png'"  onMouseOut="i545790.src='mouseout/stop.png'">
<IMG SRC="mouseout/stop.png" BORDER=0 NAME="i545790" ALT="Fermer cette fenêtre" HSPACE=0 VSPACE=0></A>
<!-- FIN DU SCRIPT -->


<!-- Bouton d'accueil -->
<A HREF="#votrePage.html"
onMouseOver="i685103.src='mouseover/home.png'"
onMouseOut="i685103.src='mouseout/home.png'">
<IMG SRC="mouseout/home.png" BORDER=0 NAME="i685103" ALT="Accueil du site" HSPACE=0 VSPACE=0></A>
<!-- FIN DU SCRIPT -->
</BODY>

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de XtremDuke le 05/11/2007 09:37:52

Quelques remarques sans gravités (si tu m'autorises) :

- on déclare dorénavant les scripts de la manière suivante :
<script type="text/javascript>...</script>

- tu aurais pus automatiser la mise en cache des images dans une seule et même boucle.

- des rollovers en CSS sont plus élégants

- evites d'utiliser des attributs dépréciés tels que "HSPACE=0 VSPACE=0"



Have fun

signaler à un administrateur
Commentaire de alover971 le 12/11/2007 07:44:39 3/10

Ouais ben c'est un rollover en javascript, chose qui n'est quasiment plus utiliser ..
utilise du css pour ça c'est clair !
Ensuite, tu respectes pas les normes XHTML, et enfin, ça sert à coi de déclarer 36 balises <script> ???
Enfin, si tu veux faire un rollover en JS, utilise des evenement, et non pas les attributs onmouseover et onmouseout :/
J'ai l'impression d'etre revenue à il y a quelques années =)
pas de title sur les liens non plus =)
et on en fait quoi des gens qui n'ont pas javascript ?
=> les liens, pareil, evenement au clic (pas un onclick quand meme :/)
et un lien en dur dessus.. tu peux utiliser du php pour mettre un referer si existant, et pour la page actuel.. et voilà =)

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

barre de navigation mobile [ par evilfrog83 ] J'aimerais savoir s'il est possible de faire une barre de navigation mobile dans un site. Par mobile, j'entends qu'elle s'affiche quand on approche la Empecher l'affichage de la barre de commande copie sous XP Pro [ par rem78 ] Bonjour,J'aimerai savoir si il exit un script qui bloque l'apparition de la petit barre de commande sous Windows XP, lorsque le curseur de la sourie s Image réactive au son ^o) [ par metalgear ] Bonjour Voil&#224;, en fait, je souhaiterais faire une image r&#233;active &#224; un son jou&#233;. Il faut que l'image suive le th&#232;me de la musi barre de status sur browsers Firefox, Mozilla et Opera [ par visnet ] Bonjour,Y-a-t-il quelqu'un qui saurait afficher du texte dans la barre de status des browsers Firefox, Mozilla et Opera?Merci infiniment,A. Lo Barre de navigation [ par geselle ] Bonjour à tous.J'ai un mot de passe pour un groupe de pages.Y a t-il un script pour empécher de voir les liens dans le navigateur sans utiliser des fr Barre d'état dans FireFox [ par keskispas ] KesKisPasBonjour à tou(te)sEst-ce quelqu'un saurait comment masquer la barre d'état d'une page sous FireFox ? Image Réactive (Map) [ par piep14 ] Bonjour, j'aurais une ptit question a vous poser !!! J'ai une image mapp&#233; que j'ai de la forme : C Comment cacher la barre de navigation? [ par tarzanjane ] Bonjour &#224; tous, Je suis actuellement en pleine cr&#233;ation de mon dsite perso et je souhaite cr&#233;er celui ci a la dimension et a la posit barre de navigation vertical avec survol souris [ par blogan1 ] bonjour,je suis en court de création d'un site ayant 70 pages, je cherche une barre de navigation avec survol de souris, pour alléger l'ensemble.Comme Barre d'état sous firefox [ par Nargzul ] Bonjour!Après quelques tests, il s'avère que lorsque j'ai le code suivant:&lt;body onLoad="windows.status='coucou'&gt;&lt;/body&gt;(je vous met pas to


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version


HTC Touch HD
Entre 25€ et 605€


Visiter le guide achat

Photothèque Nouveau !

Photo sitges beachPhoto Cockpit Airbus A320
Photo corps parfaitPhoto insecte volant

Visiter la photothèque


Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,702 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.