Ouverture d'un html dans la même, sans frames

Charly'z Messages postés 10 Date d'inscription mercredi 16 février 2011 Statut Membre Dernière intervention 2 mars 2011 - 16 févr. 2011 à 09:26
Charly'z Messages postés 10 Date d'inscription mercredi 16 février 2011 Statut Membre Dernière intervention 2 mars 2011 -
Bonjour,

J'ai une petite question concernant l'ouverture d'un fichier html dans la même page sans que celle-ci ne soit affectée...

Je n'utilise pas de redirection vers de nouvelles pages car j'ai une vidéo qui defile en haut de page ainsi que prochainement une bande son qui doit être diffusée tout au long de la navigation.

Je ne souhaites pas "framer" la page car je voudrai conserver l'image de fond en préservant l'alignement centré du tableau de mise en forme de manière à ce que ce soit centré sous n'importe quelle configuration d'affichage.

Voici l'adresse de la maquette :
http://www.charlys-art-tattoo.x10.mx/ta2bx/index.html

Je voudrais donc qu'apparaisse au côté droit du menu une feuille d'accueil par défaut qui puisse être remplacée par d'autres feuilles quand on clique sur les liens du menu, donc sans quitter la page "index".

je monte ce site sous dreamweaver, je dédute en html, j'y connais rien en css et encore moins en java...
j'ai cherché un peu partout la réponse sans succés.

Votre aide me sera très précieuse.
Merci d'avance ;o)

4 réponses

Bonjour,

La solution est d'utiliser AJAX (non pas le produit de nettoyage ^^)
Cela te permettra de changer le contenu de ta page dynamiquement sans devoir la quitté et ainsi de pouvoir mettre ta video et bande son sans que celle-ci soit interrompue!

Pour info le site sur lequel tu pose ta question (CCM) fonctionne avec de l'ajax justement!!

L'ajax est juste une maniere d'utiliser javascript, l'internet regorge de tutos dessus maintenant a toi de jouer!!

Ps: Darck ne s'ecrirait-t'il pas plutot dark ??

+++ Spangenhelm +++
Ce qui se conçoit bien s'énonce clairement... mouais enfin sauf en informatique !
1
minalud Messages postés 91 Date d'inscription lundi 10 janvier 2011 Statut Membre Dernière intervention 4 janvier 2013 8
16 févr. 2011 à 09:45
suis d'accord, Ajax est certainement la solution à tes soucis!
0
Charly'z Messages postés 10 Date d'inscription mercredi 16 février 2011 Statut Membre Dernière intervention 2 mars 2011 1
16 févr. 2011 à 19:28
Merci à tous,
Je vais aller jetter un oeil du côté du java...
Et merci pour le Dark, je vais passer un coup d'ajax, (très bon produit d'Amsterdam)

Charly ;o)
0
Charly'z Messages postés 10 Date d'inscription mercredi 16 février 2011 Statut Membre Dernière intervention 2 mars 2011 1
17 févr. 2011 à 13:17
N'y aurait-il pas moyen d'incorporer comme le propose Zébulon mais avec la balise 'object' à la place de la div ??
0
Gariig Messages postés 194 Date d'inscription samedi 5 septembre 2009 Statut Membre Dernière intervention 4 avril 2011 9
16 févr. 2011 à 09:30
getelementbyid en js
0
Utilisateur anonyme
16 févr. 2011 à 09:32
Bonjour,

Vous pouvez mettre une div dans la partie droite, genre <div id="content'></div>

Sur vos liens mettre un événement <a href="#" onclick="document.getElementById('content').innerHtml='actualité'">New's</a>

Mais bon... Il faudrait mettre tout le code de la page à la place de 'actualité' bof bof.

Généralement on fait ça avec de l'Ajax, mais là on parle de programmation dynamique, c'est plus complexe.

Cordialement
0
Charly'z Messages postés 10 Date d'inscription mercredi 16 février 2011 Statut Membre Dernière intervention 2 mars 2011 1
Modifié par Charly'z le 16/02/2011 à 22:16
Merci Zébulon, mais si je fais une div, elle ne va pas être encrée dans la cellule tu tableau de mise en forme, elle s'affiche à différents endrois selon la config d'affichage du visiteur...
Hors il faudrais que cette div soit "emprisonné" dans cette cellule...
Je ne sais pas si c'est faisable...
Désolé, je n'ai personne pour me guider, j'apprend tout seul et tout doucement !!
(pour l'instant je m'embrouille encore parmis les codes de commande html, java, php et autres... mais je commence à avoir quelques notions de "grammaire" du html, j'en suis encore qu'au debut de mon apprentissage !)

Merci en tout cas ! Charly ;o)
0
Charly'z Messages postés 10 Date d'inscription mercredi 16 février 2011 Statut Membre Dernière intervention 2 mars 2011 1
19 févr. 2011 à 06:14
Bonjour,
Alors ne trouvant pas trop la solution en AJAX , je m'y suis pris autrement : mon menu ouvre de nouvelles fenetres et quand on clique sur retour, elles se ferment ce qui permet d'avoir la première page toujours ouverte.
Si vous voulez voir, voici l'adresse définitive : www.tattoo-bruxelles.be
bon, le code est un peu "cra-cra" mais je passerais un coup de pliz' quand tout sera fini !!

Charly ;o)
0
Utilisateur anonyme
23 févr. 2011 à 13:49
Re, c'est plus un coup de pliz qu'il va te falloir c'est carrement la purification par le feu la!

Code en xhtml ou html 5 mais plus en 4.01 ce serait deja un debut, ensuite, si tu consens a te mettre aux normes, la balise script s'ecrit comme ceci: <script type="text/javascript">
et non <script language="JavaScript">, et si tu code en utf-8 mais que tu declare de l'iso tu va au devant de graves deconvenues lol!
Un dernier pour la route essai de separer le html du style (css), ca ne te changera pas la vie et c'est facultatif mais c'est plus "propre".

Dernier "detail" qui me parait important: le site web reflete la qualité du service, plus ton site sera propre, fonctionnel et abouti et plus tu inspirera confiance et tu paraîtras "pro".

Voila sinon design +1 !

+++ Spangenhelm +++
0
Charly'z Messages postés 10 Date d'inscription mercredi 16 février 2011 Statut Membre Dernière intervention 2 mars 2011 1
23 févr. 2011 à 14:22
Hello Spangenhelm,

Merci pour ta réponse, ok, je vais remplacer par <script type="text/javascript">
Par contre, le reste c'est du Chinois pour moi !!!
0
Utilisateur anonyme
23 févr. 2011 à 17:08
Quel navigateur web utilise-tu ?
0
Utilisateur anonyme
25 févr. 2011 à 10:06
Alors la c'est etrange ! Tu as modifier quelque chose dans ton code? parce que chez moi ton site etait en mode quirks...

Si tu souhaites des super tutos sur ajax va voir ici si tu ne connais pas deja: http://www.grafikart.fr/tutoriels/category/jquery/page:2
Sinon oublie ce que j'ai dit lol

Ps: non ne marque pas en resolut si ce n'est pas le cas ;-) D'ailleurs comment as-tu proceder pour ton systeme finalement? Ce serait bien de faire profiter les autres de ta solution ^^

+++ Spangenhelm +++
0
Charly'z Messages postés 10 Date d'inscription mercredi 16 février 2011 Statut Membre Dernière intervention 2 mars 2011 1
Modifié par Charly'z le 2/03/2011 à 09:47
Merci pour ton url Spangenhelm ;o)

En fait j'ai simplement contourné le problème par une autre procédure.
Je voulais garder la page d'index ouverte afin qu'on puisse écouter la musique qui s'y trouve à volonté, (ou non), pendant la navigation.
Je ne voulais pas travailler avec des 'frames' car graphiquement, c'était trop galère.

Vu qu'il ne m'était pas possible de naviguer dans la même fenêtre
(enfin, téchniquement pas à ma porté)
Je me suis servi de la commande onClick="window.open ('pagevoulue.htm') pour ouvrir la page voulue dans une autre fenêtre, de cette manière la première page avec la musique reste ouverte et continue à diffuser le son.

L'hyperlien "retour" dans la page voulue n'est qu'un: onClick="window.close() qui ferme la fenêtre et redécouvre la première page.
(vu que cette page est ouverte par un 'window.open', windows ne demande pas de confirmation pour la fermeture de cette page)

Ensuite dans les pages voulues, rien ne m'empêche de naviguer avec des liens "ordinaires" puisque la première page reste toujours ouverte.
De plus cela décharge le serveur à devoir la recharger à chaque retour sur cette première page.

En ce qui concerne la navigation dans la page voulue, quand elle contient plusieurs liens, ceux-ci sont chargés dans la même page en écrasant la "page voulue" par la nouvelle page
Le retour arrière sur cette "page voulue" se fait avec une commande java :
<a href="javascript:history.go(-1)">Retour</a>

Voilà, c'est somme toute assé simple mais n'y connaissant pas énormément, j'ai passé pas mal de temps à tâtonner pour trouver le bon code sans avoir de demande de confirmation de windows à chaque tentative de fermeture de fenêtre.
Reste à voir si c'est compatible avec les systèmes anti-popup...

En ce qui concerne le mode quiks chez toi... oui, j'ai passé un coup de pliz' ;op

http://www.tattoo-bruxelles.be

Merci encore pour tes informations Spangenhelm, tu m'as bien aiguillé pour "nettoyer" un peu mon code ;o)
0