begin process at 2010 02 10 09:41:43
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Navigation

 > NAVBAR THÈME FIREFOX

NAVBAR THÈME FIREFOX


 Information sur la source

Note :
3 / 10 - par 1 personne
3,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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é :6 028 / 202
Auteur : nakixx

Ecrire un message privé
Site perso
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

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources de la même categorie

Source avec Zip EMULATION DE $_GET() DU PHP par jchan
Source avec Zip ACCESSIBARRE - AMÉLIORER LE CONFORT DES PERSONNES NON-VOYANT... par Pfuch
Source avec Zip CLASS BARRE DE DÉFILEMENT (SCROLLBAR) JAVASCRIPT par TheWeasel47
Source avec une capture TAILLEFONTE par tiger222
Source avec Zip Source avec une capture MOTEUR DE RECHERCHE SANS PHP par jdmcreator
Toutes les sources de la catégorie Navigation

 Sources en rapport avec celle ci

ROLLOVER SUR LES BARRES DE SCROLL par elmersaid
Source avec Zip Source avec une capture PAINTPIX (VERSION TESTE. EXPORTATION IMAGE POUR SITE WEB) par sitajony
Source avec Zip Source avec une capture FARMVILLE - HEURE ET COMBO LIST IMAGES par ym_trainz
Source avec Zip EXPAND BANNER EN JAVASCRIPT par leris
Source avec Zip BARRE DE NAVIGATION DEUX MENUS HORIZONTAUX CSS par jackylagouffe

Commentaires et avis

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

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...

Comparez les prix


Console Nintendo Wii
Entre 220€ et 307€

Visiter le guide achat

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode
 
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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,264 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)