Skip navigation.

digital-nation

Blog-note d'un informaticien procrastinate...

Posts tagged with "location"

Barre de navigation en javascript

, , , ...

Dans la continuité du post précédent où je vous indiquais comment faire pour afficher le protocole, l'URL etc. via Javascript, je vous propose cette fois une barre de navigation mettant en pratique ce principe.

Ainsi nous pouvons simplement voir l'utilisation de indexOf, des zones de mémoire, de la location d'une adresse et tutti quanti.

function navURI() { 
var c = '';
var z = document.location.href; // capture de l'adresse
var s = z.split('/');// split de HREF représentant l'adresse
for (var i = 0; i < (s.length - 1); i++) { 
   // Je dépose la variable i qui est le compteur  pour faire le split
   // si on ne désire pas le protocole avec, inscrire la valeur de i à 1 en initial
   // etc... il suffit de règler les informations que l'on désire
var o;
      o = '<a href="*/">*</a>* | '; // dépose d'une variable conteneur :
o = o.split('*'); // je splitte la variable pour pouvoir obtenir mes informations
c+= o[0] + z.substring(0,z.indexOf(s[i]) + // ecriture du chemin
s[i].length) + o[1] + s[i] + o[2] + o[3]; }
document.writeln(c); } // ecriture dans la page



Assez simple, il suffit par la suite de faire appel à la fonction et l'affichage se fait.

Détecter le Protocole et l'URL en Javascript

, , , ...

Ce n'est pas vraiment un script, mais j'espère toutefois qu'il pourra être utile à tous : détecter via javascript le protocole utilisé ou encore l'URI sur laquelle on se trouve.

Pratique à utiliser avec un indexOf car cela permet d'analyser en "profondeur" l'URL sur laquelle on se trouve et de cibler par exemple des destinations ou des publicités selon le domaine, sous-domaine dans lequel on se trouve !

<!DOCTYPE HTML PUBLIC "-// W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<head>
<title>Test</title>
<script language="javascript1.4" type="text/javascript">
<!-- 
function uri() { var p, h, u; 
p = location.protocol; h = location.hostname; u = location.href; 
document.write('<p>Protocole: ' + p + ' <br> ' + ' Host: ' + h + ' <br> ' + ' URL: ' + u + '</p>');} 
/-> 
</script> 
</head>
<body> 
<script language="javascript1.4" type="text/javascript"> 
uri(); </script> 
</body></html>


Je ne pense pas qu'il y aie besoin de commentaire sur une telle "fonction".

Edit : apparament il semble y avoir plusieurs problèmes lors de l'édition. Désolé.
December 2009
M T W T F S S
November 2009January 2010
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31