Imprimer la Page

Forum-webmaster

Technique - programmation => Javascript / DOM / Ajax => Message commencé par: tony35520 le le 25-08-2009 a 14:16:52

Titre: Problème Href="#"
Posté par: tony35520 le le 25-08-2009 a 14:16:52

Bonjour,

J'ai un système de liens qui me permet de charger une page.html dans une div "content" plutôt que de recharger toute la page lors de la navigation.
Seul problème, j'ai des liens comme suit:

<div class="menu1"><a href="index.html">Accueil</a></div>
<div class="menu1"><a href="#" onclick="chantiers()">Chantiers</a></div>

Mais pour le référencement, il me faut un lien avec l'adresse écrite normalement.
A quoi correspond le "#", et est-il possible de le remplacer par une adresse "normale"; quitte a ajouter une fonction java plus loin dans la ligne de code??

Titre: Re:Problème Href="#"
Posté par: Krash le le 29-08-2009 a 11:39:43

<div class="menu1"><a href="chantiers.html" onclick="chantiers(); return false">Chantiers</a></div>

Titre: Re:Problème Href="#"
Posté par: tony35520 le le 29-08-2009 a 12:57:25

Merci beaucoup Krash pour ta réponse, mais malheureusement j'ai recopié exactement ton code et ça fonctionne sur tous les navigateurs mais toujours pas sur Internet explorer.

Peut être que pour y voir plus clair tu veux que je t'envoi la page entière, ou venir sur mon PC via Teamviewer??

Parce que la je rame vraiment..

Titre: Re:Problème Href="#"
Posté par: Krash le le 29-08-2009 a 13:06:42

hum c'est bizarre ça marche très bien chez moi.
Je veux bien voir ton code oui.

Titre: Re:Problème Href="#"
Posté par: tony35520 le le 29-08-2009 a 14:36:06

Le problème sous IE, c'est qu'on es obligé de repasser par la page d'accueil pour allé à une autre page. Le site: ww.delaunay-maconnerie.fr

Voici le code de ma page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://w3.org/TR/html4/loose.dtd">

<html>

<head>

<link rel="stylesheet" type="text/css" href="style/style.css">

<script src="menuscript.js" language="javascript" type="text/javascript"></script>

<script language="javascript" type="text/javascript">

    try { xhr = new ActiveXObject('Msxml2.XMLHTTP'); }
      catch (e)
   {
    try { xhr = new ActiveXObject('Microsoft.XMLHTTP'); }
    catch (e2)
    {
    try { xhr = new XMLHttpRequest(); }
    catch (e3) { xhr = false; }
}
}

   function handleHttpResponse() {
    if(xhr.readyState == 4 && xhr.status == 200) {

    var response = xhr.responseText;
         //alert (response);
         var myDiv = document.getElementById ("content");
         myDiv.innerHTML = response;
    }
   }
   function chantiers () {
      //var xhr = new XMLHttpRequest();
      xhr.onreadystatechange = handleHttpResponse;
      var url = "chantiers.html";
      xhr.open("GET", url, true);
      xhr.send(null);
   }

   function equipe () {
      //var xhr = new XMLHttpRequest();
      xhr.onreadystatechange = handleHttpResponse;
      var url = "equipe.html";
      xhr.open("GET", url, true);
      xhr.send(null);
   }

   function plan () {
      //var xhr = new XMLHttpRequest();
      xhr.onreadystatechange = handleHttpResponse;
      var url = "plan.html";
      xhr.open("GET", url, true);
      xhr.send(null);
   }

   function contact () {
      //var xhr = new XMLHttpRequest();
      xhr.onreadystatechange = handleHttpResponse;
      var url = "http://www.delaunay-maconnerie.fr/maconnerie/contact.html";
      xhr.open("GET", url, true);
      xhr.send(null);
   }

</script>

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

</head>

<body link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">

   <div class="container">

      <div class="header"><h1 class="display">L'entreprise delaunay maçonnerie, rénovation, construction, ducey, delaunay, st laurent de terregatte, sud manche, 50, entreprise de maconnerie...</h1></div>

      <div class="menu">
         <div class="menu1"><a href="index.html">Accueil</a></div>
         <div class="menu1"><a href="#" onclick="chantiers()">Chantiers</a></div>
         <div class="menu1"><a href="#" onclick="equipe()">Équipe</a></div>
         <div class="menu1"><a href="#" onclick="plan()">Plan</a></div>
         <div class="menu2"><a href="#" onclick="contact()">Contact</a></div>
      </div>

      <div id="content" class="content"></div>

......et après le reste mais pas très intéressant.