11487 sujets

JavaScript, DOM et API Web HTML5

Lien interne dans une div

Bonjour,

j ai suivi tellement de tuto que j ai peine a comprendre le moindre code lol

j essaye simplement que quand on clique sur "menu" qui est dans une div (entete), une page html apparaisse dans une autre div qui est sur la meme page disont dans navigation (div)

voici mon code pour l ex...

merci


index.html


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


<div id="entete">Menu</div>
<div id="navigation"></div>

style.css

/* Navigation */
#navigation {
color: #BECD32;
background: #62584F;
font-family: Gabriola;
font-size: 25px;
}

/* Entete */
#entete {
color: #000000;
background: #BECD32;
font-family: Gabriola;
font-size: 25px;
}

/* En-tête */
#entete {
height: 40px;
padding-top: 0px;
padding-bottom: 10px;
}

/* Menu de navigation */
#navigation {
float: left;
width: 178px;
height: 450px;
padding-top: 20px;
padding-bottom: 5px;
padding-left: 30px;
}
Si j'ai bien compris, tu essaie d'inclure du contenu provenant d'un fichier HTML externe dans une de tes divs. Tu as deux méthodes.

La première :
Insérer dans ta div "#navigation" une iframe avec l'attribut "src" correspondant à l'URL de ta source.
C'est la méthode la plus simple, mais pas forcément la plus propre (niveau SEO et pour d'autres raisons liées à l'utilisation des iframes)

La seconde :
Faire une requête AJAX (à l'aide de l'objet XMLHttpRequest) vers l'URL de ton fichier et insérer le contenu de ta réponse dans ta div.
En soi c'est la méthode la plus propre, mais elle demande un peu plus de connaissances.
Bonjour.

Je rajouterai la méthode 2,5 :
Utiliser Ajax avec jQuery (beaucoup plus facile à gérer)... ce qui donne un truc du genre...
$('#maDivAremplir').load("maPageAintegrer.html")
Sujet clos
Aller à