Salut,
mon problème n'est pas compliqué, mais ça me rend fou : est-il possible, autrement que par le php (include je crois), de faire ouvrir des liens se situant dans une div dans une autre div ? (barre de menu, liens s'ouvrant dans el bloc du dessous)
Change
Bienvenue sur GeekZone
Inscrivez-vous sur GeekZone pour profiter des fonctions avancées du forum, proposer des news, participer aux conversations, ouvrir votre galerie, profiter de la messagerie interne et venir tester nos modérateurs avec du bon troll... Attention, ils ont la gâchette facile. C’est aussi pour ça que GeekZone est le meilleur site de passionnés depuis 2002 ! Si vous avez déjà un compte, connectez-vous - sinon, il est temps d'en créer un.
Inscrivez-vous sur GeekZone pour profiter des fonctions avancées du forum, proposer des news, participer aux conversations, ouvrir votre galerie, profiter de la messagerie interne et venir tester nos modérateurs avec du bon troll... Attention, ils ont la gâchette facile. C’est aussi pour ça que GeekZone est le meilleur site de passionnés depuis 2002 ! Si vous avez déjà un compte, connectez-vous - sinon, il est temps d'en créer un.
1
[php] ouvrir un lien dans une div
Débuté par
CainE
, 09 Jan 2007 22:39
#1
Posté 09 January 2007 - 22:39
CainE
-
- Membre
-
- 768 messages
Lord Jedi Geek
CainE [Cafzone On$laughT Team member]
"Les cons ça ose tout, c'est même à ça qu'on les reconnait." © Michel Audiard
"Les cons ça ose tout, c'est même à ça qu'on les reconnait." © Michel Audiard
Retour en haut
#2
Posté 09 January 2007 - 23:20
the_webrunner
-
- Membre
-
- 537 messages
Lord Jedi Geek
mmh... ben ça dépend ce que tu as à afficher dans la div en question. Si c'est des trucs "basiques" tu fait ça en javascript genre :
< a href=# onclick="mafonction()">mon lien< / a >
function mafonction()
{
document.getElementById("monDiv").innerHTML = "mon tout nouveau texte dans ma div!! youpi";
}
(en gros, j'écris ça de tête, la syntaxe est peut être pas bonne)
S'il faut afficher des trucs plus complexes, là faut aller chercher plus loin avec AJAX par exemple (en utilisant le framework javascript prototype tu fais ça en 2 temps 3 mouvements par exemple)(je veux pas lancer de débats sur les frameworks javascript, c'est juste le seul que je connais aujourd'hui)
GROS doute après relecture du premier post : le div d'origine c'est le menu et le div de destination c'est tout le reste du site ? tu peux être un peu plus clair ?
edit : langue française
< a href=# onclick="mafonction()">mon lien< / a >
function mafonction()
{
document.getElementById("monDiv").innerHTML = "mon tout nouveau texte dans ma div!! youpi";
}
(en gros, j'écris ça de tête, la syntaxe est peut être pas bonne)
S'il faut afficher des trucs plus complexes, là faut aller chercher plus loin avec AJAX par exemple (en utilisant le framework javascript prototype tu fais ça en 2 temps 3 mouvements par exemple)(je veux pas lancer de débats sur les frameworks javascript, c'est juste le seul que je connais aujourd'hui)
GROS doute après relecture du premier post : le div d'origine c'est le menu et le div de destination c'est tout le reste du site ? tu peux être un peu plus clair ?
edit : langue française
Modifié par the_webrunner, 09 January 2007 - 23:25.
C'est une machine qui consomme du néant et le transforme en vide.
#3
Posté 09 January 2007 - 23:30
Moe
-
- Membre
-
- 3124 messages
Râleur
- Lieu:France
Sinon y'a 5 ans on utilisait des <iframe> pour afficher des pages à l'intérieur d'autres pages, par exemple.
#4
Posté 09 January 2007 - 23:38
CainE
-
- Membre
-
- 768 messages
Lord Jedi Geek
Bah oui, je connais les iframes, mais bon je voudrais eviter d'utiliser un truc complètement obsolète.
CainE [Cafzone On$laughT Team member]
"Les cons ça ose tout, c'est même à ça qu'on les reconnait." © Michel Audiard
"Les cons ça ose tout, c'est même à ça qu'on les reconnait." © Michel Audiard
#5
Posté 09 January 2007 - 23:45
CainE
-
- Membre
-
- 768 messages
Lord Jedi Geek
the_webrunner, le 9/1/2007, 23:20, dit :
GROS doute après relecture du premier post : le div d'origine c'est le menu et le div de destination c'est tout le reste du site ? tu peux être un peu plus clair ?
Sur ma homepage, j'ai une div qui me sert de "menu" avec 4 liens menant vers 4 pages qui sont les "sections" de mon site.
je souhaite qu'en clickant sur les liens du menu, la page choisie s'affiche dans une div centrale.
CainE [Cafzone On$laughT Team member]
"Les cons ça ose tout, c'est même à ça qu'on les reconnait." © Michel Audiard
"Les cons ça ose tout, c'est même à ça qu'on les reconnait." © Michel Audiard
#6
Posté 10 January 2007 - 00:16
Moe
-
- Membre
-
- 3124 messages
Râleur
- Lieu:France
Alors ahah est pour toi, tu mets ahah et ahahDone dans un fichier .js, puis tu fais des liens genre
<a href="#" onclick="java script:ahah('page.php','bloc');">lien</a> et un <div id="bloc"></div>dans ta page et zou ! Normalement ça marche ...
Modifié par Moe, 10 January 2007 - 00:20.
#7
Posté 10 January 2007 - 00:52
CainE
-
- Membre
-
- 768 messages
Lord Jedi Geek
désolé de la question, mais j'ai du mal a adapter le lien, page.php c'est la page que je souhaite faire apparaitre dans ma div ?
a ce moment la, je remplace le # par quoi ?
peu importe le nom du fichier .js ? (oui je suis pas au top non plus en javascript)
a ce moment la, je remplace le # par quoi ?
peu importe le nom du fichier .js ? (oui je suis pas au top non plus en javascript)
CainE [Cafzone On$laughT Team member]
"Les cons ça ose tout, c'est même à ça qu'on les reconnait." © Michel Audiard
"Les cons ça ose tout, c'est même à ça qu'on les reconnait." © Michel Audiard
#8
Posté 10 January 2007 - 01:07
Moe
-
- Membre
-
- 3124 messages
Râleur
- Lieu:France
Le premier paramètre de ahah c'est la page à charger, le <a href="#"></a> doit rester tel quel, sinon le lien va être actif et envoyer sur une page au lieu de juste appeler la fonction ahah(). Le fichier .js s'appelle comme tu veux et tu l'appelles de cette façon (perso je l'appelle functions.js parce que j'ai plein de fonctions) :
<head> <title>Titre</title> <script type="text/javascript" src="functions.js"></script> </head>
#9
Posté 10 January 2007 - 01:17
CainE
-
- Membre
-
- 768 messages
Lord Jedi Geek
Je pense avoir un code correct, pour aucun résultat :/
j'ai fait quelque chose basique pour tester
test est la div qui contient mon lien (le menu), test2 est la div qui est sensée afficher la page que je souhaite appeler. cette page est pagetest.html.
dans la page que je veux appeler, j'ai simplement mis une ligne de texte, pour tester.
j'ai fait quelque chose basique pour tester
test est la div qui contient mon lien (le menu), test2 est la div qui est sensée afficher la page que je souhaite appeler. cette page est pagetest.html.
dans la page que je veux appeler, j'ai simplement mis une ligne de texte, pour tester.
<html>
<head>
<script type="text/javascript" src="functions.js"></script>
<style type="text/css" media="screen"><!--
#test
{
height: 50px;
width: 150px;
background-color: #838383;
float: left;
text-align: center
}
#test2
{
height: 400;
width: 400;
background-color: #bef0b3
}
--></style>
</head>
<body>
<div id="test">
<a href="#" onclick="java script:ahah('pagetest.html','test2');">lien!</a>
<div id="test2">
</div>
</body>
</html>
Modifié par CainE, 10 January 2007 - 01:18.
CainE [Cafzone On$laughT Team member]
"Les cons ça ose tout, c'est même à ça qu'on les reconnait." © Michel Audiard
"Les cons ça ose tout, c'est même à ça qu'on les reconnait." © Michel Audiard
#10
Posté 10 January 2007 - 01:17
Nefasme
-
- Membre
-
- 43 messages
Little Geek
Petite note, si t'as envie que toutes les pages de ton site soient correctement référencées, dans google par exemple, c'est une très mauvaise idée.
Ce n'est pas vraiment une suggestion puisque j'imagine que tu y as déjà réfléchi, mais pourquoi ne pas juste recharger toute ta page, menu compris ?
Edit : ton div "test" n'est pas correctement fermé. Je sais pas si ça vient de là, mais pour manipuler du HTML avec DOM, c'est mieux si il est bien écrit...
Ce n'est pas vraiment une suggestion puisque j'imagine que tu y as déjà réfléchi, mais pourquoi ne pas juste recharger toute ta page, menu compris ?
Edit : ton div "test" n'est pas correctement fermé. Je sais pas si ça vient de là, mais pour manipuler du HTML avec DOM, c'est mieux si il est bien écrit...
Modifié par Nefasme, 10 January 2007 - 01:19.
#11
Posté 10 January 2007 - 01:26
CainE
-
- Membre
-
- 768 messages
Lord Jedi Geek
si je referme ma div test, les deux div se chevauchent, donc je n'ai fermé qu'après la seconde div, je ne pensais pas que c'était incorrect
(ceci dit ca ne change rien)
recharger la page entière j'y ai pensé oui, mais en fait j'essaie de faire marcher tout ce bordel pour obtenir un effet "moins lourd", meme si ce n'est que visuel, le visiteur ne voit qu'une partie de la page se charger. Quand j'ai vu que pas mal de sites récent (donc pas de frames) utilisaient ça, je me suis mis à chercher.
(ceci dit ca ne change rien)
recharger la page entière j'y ai pensé oui, mais en fait j'essaie de faire marcher tout ce bordel pour obtenir un effet "moins lourd", meme si ce n'est que visuel, le visiteur ne voit qu'une partie de la page se charger. Quand j'ai vu que pas mal de sites récent (donc pas de frames) utilisaient ça, je me suis mis à chercher.
CainE [Cafzone On$laughT Team member]
"Les cons ça ose tout, c'est même à ça qu'on les reconnait." © Michel Audiard
"Les cons ça ose tout, c'est même à ça qu'on les reconnait." © Michel Audiard
#12
Posté 10 January 2007 - 01:41
Moe
-
- Membre
-
- 3124 messages
Râleur
- Lieu:France
Attention IPB change 'onclick="javascript' en 'onclick="java script'. Il faut supprimer l'espace entre java et script ...
Sinon comme dit par Nefasme tu ouvres deux div mais tu n'en fermes qu'un. pagetest.html est situé au même niveau que ta page dans l'arborescence ?
Edit : page simple qui montre l'exemple.
Sinon comme dit par Nefasme tu ouvres deux div mais tu n'en fermes qu'un. pagetest.html est situé au même niveau que ta page dans l'arborescence ?
Edit : page simple qui montre l'exemple.
Modifié par Moe, 10 January 2007 - 01:49.
#13
Posté 10 January 2007 - 16:21
CainE
-
- Membre
-
- 768 messages
Lord Jedi Geek
Bon a force de aps arriver a la faire marcher, j'ai cherché longuement sur le net, et trouvé un autre script qui a fonctionné du premier coup :
Ca marche niquel, mais a temps perdu j essaierai de quand meme faire marcher ce que tu as posté
merci pour tout !
function envoieRequete(url,id)
{
var xhr_object = null;
var position = id;
if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
else
if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
// On ouvre la requete vers la page désirée
xhr_object.open("GET", url, true);
xhr_object.onreadystatechange = function(){
if ( xhr_object.readyState == 4 )
{
// j'affiche dans la DIV spécifiées le contenu retourné par le fichier
document.getElementById(position).innerHTML = xhr_object.responseText;
}
}
// dans le cas du get
xhr_object.send(null);
}
Ca marche niquel, mais a temps perdu j essaierai de quand meme faire marcher ce que tu as posté
merci pour tout !
CainE [Cafzone On$laughT Team member]
"Les cons ça ose tout, c'est même à ça qu'on les reconnait." © Michel Audiard
"Les cons ça ose tout, c'est même à ça qu'on les reconnait." © Michel Audiard
#14
Posté 10 January 2007 - 17:42
Nefasme
-
- Membre
-
- 43 messages
Little Geek
Je serais curieux de connaître l'execution de ce bout de code dans Firefox 
Edit :
Non sans déconner, je sais bien l'accessibilité n'est pas un concept qui émeut beaucoup de webmasters, mais quand même, de là à utiliser ActiveX pour naviguer entre les pages...
Persévère plutôt avec la solution de Moe, bien que je trouve toujours pas ça génial d'utiliser javascript pour ça, elle aura au moins le mérite de fonctionner avec tous les navigateurs/plateformes.
Edit :
Non sans déconner, je sais bien l'accessibilité n'est pas un concept qui émeut beaucoup de webmasters, mais quand même, de là à utiliser ActiveX pour naviguer entre les pages...
Persévère plutôt avec la solution de Moe, bien que je trouve toujours pas ça génial d'utiliser javascript pour ça, elle aura au moins le mérite de fonctionner avec tous les navigateurs/plateformes.
Modifié par Nefasme, 10 January 2007 - 17:52.
#15
Posté 10 January 2007 - 18:31
CainE
-
- Membre
-
- 768 messages
Lord Jedi Geek
J'ai pas constaté de problème avec firefox pourtant.
CainE [Cafzone On$laughT Team member]
"Les cons ça ose tout, c'est même à ça qu'on les reconnait." © Michel Audiard
"Les cons ça ose tout, c'est même à ça qu'on les reconnait." © Michel Audiard
#16
Posté 10 January 2007 - 18:37
Moe
-
- Membre
-
- 3124 messages
Râleur
- Lieu:France
Nefasme, le 10/1/2007, 17:42, dit :
Je serais curieux de connaître l'execution de ce bout de code dans Firefox
Edit :
Non sans déconner, je sais bien l'accessibilité n'est pas un concept qui émeut beaucoup de webmasters, mais quand même, de là à utiliser ActiveX pour naviguer entre les pages...
Edit :
Non sans déconner, je sais bien l'accessibilité n'est pas un concept qui émeut beaucoup de webmasters, mais quand même, de là à utiliser ActiveX pour naviguer entre les pages...
#17
Posté 10 January 2007 - 18:51
Nefasme
-
- Membre
-
- 43 messages
Little Geek
Tout fout le camp...
Bon ben du moment que ça correspond à ce que tu veux hein
Bon ben du moment que ça correspond à ce que tu veux hein
#18
Posté 12 January 2007 - 00:03
Terenas
-
- Membre
-
- 121 messages
Padawan Geek
#19
Posté 02 January 2012 - 22:40
SilverStark
-
- Membre
-
- 1 messages
Little Geek
La méthode ahah fonctionne, il faut juste écrire javascript attaché.
PS : Merci pour le code, ça va m'aider à faire ce que je veux.
<a href="#" onclick="javascript:ahah('pagetest.html','test2');">lien!</a>
PS : Merci pour le code, ça va m'aider à faire ce que je veux.
Modifié par SilverStark, 02 January 2012 - 22:43.
1 utilisateur(s) li(sen)t ce sujet
0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)
