Lien vers iframe ou nouvelle page
2 participants
Page 1 sur 1
Lien vers iframe ou nouvelle page
Bonjour,
J'ai créé une petite animation sous Hype pour servir de menu pour un site ; tout fonctionne bien à priori sauf que les liens s'ouvrent dans l'iframe.
Si dans Hype je coche l'option "Ouvrir le lien dans une nouvelle fenêtre", cela fonctionne mieux sauf que chaque changement de page ouvre une nouvelle fenêtre au lieu de remplacer la précédente.
Voici le code que je copie dans le fragment :
Merci pour votre aide !
J'ai créé une petite animation sous Hype pour servir de menu pour un site ; tout fonctionne bien à priori sauf que les liens s'ouvrent dans l'iframe.
Si dans Hype je coche l'option "Ouvrir le lien dans une nouvelle fenêtre", cela fonctionne mieux sauf que chaque changement de page ouvre une nouvelle fenêtre au lieu de remplacer la précédente.
Voici le code que je copie dans le fragment :
- Code:
<div id="animmenu0_hype_container" style="position:relative;overflow:hidden;width:675px;height:50px;">
<script type="text/javascript" src="http://theatreurope.com/Uploads_files/Anim-menu-0_Resources/animmenu0_hype_generated_script.js?70286"></script>
</div>
Merci pour votre aide !
Re: Lien vers iframe ou nouvelle page
Il n'y a que ces deux possibilités?
il n'existe pas d'option "ouvrir le lien dans la page parent?"
il n'existe pas d'option "ouvrir le lien dans la page parent?"
Re: Lien vers iframe ou nouvelle page
Si cette option n'existe pas, pourriez-vous me faire le même menu sans l'option "Ouvrir le lien dans une nouvelle fenêtre" et me donner son code, je vais essayer un truc.
Re: Lien vers iframe ou nouvelle page
En fait, le code produit est le même dans les deux cas, mais cela me semble normal comme je vais tenter tant bien que mal à vous l'expliquer dans la suite…
Voici la page où se trouve de fameux menu : lien
Quand Hype exporte en html, il produit un fichier duquel je dois copier une partie du code à coller dans un fragment, ainsi que 1 dossier à charger sur le serveur (dossier dans lequel se trouvent les ressources).
Voici le contenu du fichier duquel je dois extraire la partie à copier dans un fragment :
Comme vous le voyez, l'animation est composée de plusieurs liens ; dans Hype, c'est quand je programme chaque lien (url, effet…) que je défini POUR CHACUN s'il doit s'ouvrir dans une nouvelle fenêtre.
Donc, ne pensez-vous pas que la fenêtre cible doit être définie par l'un des codes chargés sur le serveur???
J'ai posé la question sur le forum de Hype, mais pas encore de réponse.
Voici la page où se trouve de fameux menu : lien
Quand Hype exporte en html, il produit un fichier duquel je dois copier une partie du code à coller dans un fragment, ainsi que 1 dossier à charger sur le serveur (dossier dans lequel se trouvent les ressources).
Voici le contenu du fichier duquel je dois extraire la partie à copier dans un fragment :
- Code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="user-scalable=yes, width=675px" />
<title>Anim-menu-0</title>
<style>
body {
background-color: #000000;
margin: 0px;
}
</style>
</head>
<body>
<div style ="margin:auto;width:675px">
<!-- copy these lines to your document: -->
<div id="animmenu0_hype_container" style="position:relative;overflow:hidden;width:675px;height:50px;">
<script type="text/javascript" src="Anim-menu-0_Resources/animmenu0_hype_generated_script.js?53631"></script>
</div>
<!-- end copy -->
</div>
</body>
</html>
Comme vous le voyez, l'animation est composée de plusieurs liens ; dans Hype, c'est quand je programme chaque lien (url, effet…) que je défini POUR CHACUN s'il doit s'ouvrir dans une nouvelle fenêtre.
Donc, ne pensez-vous pas que la fenêtre cible doit être définie par l'un des codes chargés sur le serveur???
J'ai posé la question sur le forum de Hype, mais pas encore de réponse.
Dernière édition par sbastien7566 le 27/6/2011, 21:55, édité 1 fois (Raison : Manque un lien)
Re: Lien vers iframe ou nouvelle page
J'aimerais juste voir un menu Hype dont les liens s'ouvrent dans l'iframe et non dans une nouvelle fenêtre.
Si j'en crois leur forum, les développeurs ont énormément de demandes des utilisateurs d'iWeb, ils semblent motivés pour répondre favorablement à leur demandes lors de prochaines mises à jour
Si j'en crois leur forum, les développeurs ont énormément de demandes des utilisateurs d'iWeb, ils semblent motivés pour répondre favorablement à leur demandes lors de prochaines mises à jour
Re: Lien vers iframe ou nouvelle page
Merci. Testez votre menu sur cette page (du moins le lien accueil):
http://iweb.debutersurmac.com/temporary/hype_dom.html
http://iweb.debutersurmac.com/temporary/hype_dom.html
Re: Lien vers iframe ou nouvelle page
non
Avant d'utiliser iWeb
Téléchargez ce fichier : clic droit sur le lien ci-dessus > Télécharger le fichier lié
eventuellement renommez ce fichier un nom simple (sans accent sans espace sans caractère bizarre) gardez l'extension .js à la fin par ex.
Récupérez son URL (un peu de logique). par ex. si vous placez ce fichier à la racine de votre site son adresse pourrait être
Retour dans iWeb
1) widget fragment HTML
dans un widget fragment HTML, collez le code suivant
placez votre widget fragment HTML où vous voulez sur votre page sauf à l"endroit où vous voulez faire apparaitre le menu.
2) zone de texte
Placez une nouvelle zone de texte là ou vous voulez faire apparaitre votre menu
écrivez une seule chose
le menu n'est pas visible dans iWeb, uniquement sur le site publié.
- La bonne nouvelle c'est que ça marche
- la mauvaise c'est le code que j'utilise pour intégrer votre menu : le voici
- la re-mauvaise nouvelle c'est que vous ne pouvez pas coller ce code dans un widget fragment HTML sinon ça aurait été trop simple
- La rebonne nouvelle, c'est que ce n'est pas si compliqué avec un peu d'aide
Avant d'utiliser iWeb
Téléchargez ce fichier : clic droit sur le lien ci-dessus > Télécharger le fichier lié
eventuellement renommez ce fichier un nom simple (sans accent sans espace sans caractère bizarre) gardez l'extension .js à la fin par ex.
- Code:
hypemenu.js
Récupérez son URL (un peu de logique). par ex. si vous placez ce fichier à la racine de votre site son adresse pourrait être
- Code:
http://www.theatreurope.com/hypemenu.js
Retour dans iWeb
1) widget fragment HTML
dans un widget fragment HTML, collez le code suivant
- Code:
<script language="JavaScript" type="text/javascript">
<!--
var headID = parent.document.getElementsByTagName("head")[0];
var newScript = parent.document.createElement('script');
newScript.type = 'text/javascript';
newScript.src = 'http://url/de/votre/fichier/javascript.js';
headID.appendChild(newScript);
// -->
</script>
placez votre widget fragment HTML où vous voulez sur votre page sauf à l"endroit où vous voulez faire apparaitre le menu.
2) zone de texte
Placez une nouvelle zone de texte là ou vous voulez faire apparaitre votre menu
écrivez une seule chose
- Code:
_hypemenu_
le menu n'est pas visible dans iWeb, uniquement sur le site publié.
Re: Lien vers iframe ou nouvelle page
1and1 en panne, je ne peux pas essayer ce soir
Merci beaucoup pour votre aide, je vous tiens au courant
Merci beaucoup pour votre aide, je vous tiens au courant
Re: Lien vers iframe ou nouvelle page
C'est fait !!!
mais cela ne fonctionne pas, le nom du fichier apparaît tel quel dans la zone de texte…
mais cela ne fonctionne pas, le nom du fichier apparaît tel quel dans la zone de texte…
Re: Lien vers iframe ou nouvelle page
c'est normal, l'URL de votre fichier javascript est
http://www.theatreurope.com/plughype.js
et non comme vous l'avez indiqué
http://www.theatreurope.com/TheatreEurope/plughype.js Error 404...
http://www.theatreurope.com/plughype.js
et non comme vous l'avez indiqué
http://www.theatreurope.com/TheatreEurope/plughype.js Error 404...
Re: Lien vers iframe ou nouvelle page
Ca ne fonctionne pas non plus.
Mais quand je demande à Cyberduck l'adresse http du fichier, il me donne http://theatreurope.com/Theatreurope/plughype.js
Mais quand je demande à Cyberduck l'adresse http du fichier, il me donne http://theatreurope.com/Theatreurope/plughype.js
Re: Lien vers iframe ou nouvelle page
1) Oui mais cette fois vous allez écrire dans la zone de texte
Le but du fichier javascript est de trouver sur votre page une zone de texte contenant _hypermenu_ (et pas un autre mot) est de la remplacer par le script de hype pour afficher le menu comme si ce script était inscrit directement dans le code source de votre page et non dans un widget fragment HTML.
2) Y'a un problème avec Cyberduck vous avez du lui renseigner le mauvais dossier racine
votre dossier racine s'appelle www ou web ou public_html
son URL est http://www.theatreurope.com
c'est dans ce dossier que se trouve votre fichier javascript.
mais ce n'est en aucun cas le dossier TheatreEurope dont l'url est
http://www.theatreurope.com/TheatreEurope
- Code:
_hypemenu_
Le but du fichier javascript est de trouver sur votre page une zone de texte contenant _hypermenu_ (et pas un autre mot) est de la remplacer par le script de hype pour afficher le menu comme si ce script était inscrit directement dans le code source de votre page et non dans un widget fragment HTML.
2) Y'a un problème avec Cyberduck vous avez du lui renseigner le mauvais dossier racine
votre dossier racine s'appelle www ou web ou public_html
son URL est http://www.theatreurope.com
c'est dans ce dossier que se trouve votre fichier javascript.
mais ce n'est en aucun cas le dossier TheatreEurope dont l'url est
http://www.theatreurope.com/TheatreEurope
Re: Lien vers iframe ou nouvelle page
Oui ca marche maintenant, sauf que le menu semble décalé vers la droite.
Mais le fichier ne se trouve pas à la racine, mais bien dans le dossier Theatreurope
Mais le fichier ne se trouve pas à la racine, mais bien dans le dossier Theatreurope
Re: Lien vers iframe ou nouvelle page
La position de votre zone de texte est importante : son angle supérieur gauche est aussi celui de votre menu.
Re: Lien vers iframe ou nouvelle page
Oui, c'est bien ce que j'ai fait… la zone de texte est de la même dimension que le menu tel qu'il doit s'afficher, soit 655x50, au bon emplacement…
mais en fin de compte décalé légèrement vers la droite !
Donc pour tricher, je l'ai décentré vers la gauche avec iWeb, et il est donc maintenant à sa place !
Vraiment merci pour votre aide
Ce menu est ok pour la page "presse" par exemple car elle n'est pas sélectionnable depuis ce même menu (mais par un lien en pied de page).
Je vais donc créer des variantes pour chaque page telle que "Tout public", "Jeune public"… dans lesquelles l'onglet correspondant sera fixe et en évidence afin d'indiquer que l'internaute se trouve déjà sur cette page.
Est-ce que je peux utiliser la même méthode en modifiant simplement des variables _hypemenu_ et animmenu0_hype_container du fichier .js avec fraise par exemple?
Merci !
mais en fin de compte décalé légèrement vers la droite !
Donc pour tricher, je l'ai décentré vers la gauche avec iWeb, et il est donc maintenant à sa place !
Vraiment merci pour votre aide
Ce menu est ok pour la page "presse" par exemple car elle n'est pas sélectionnable depuis ce même menu (mais par un lien en pied de page).
Je vais donc créer des variantes pour chaque page telle que "Tout public", "Jeune public"… dans lesquelles l'onglet correspondant sera fixe et en évidence afin d'indiquer que l'internaute se trouve déjà sur cette page.
Est-ce que je peux utiliser la même méthode en modifiant simplement des variables _hypemenu_ et animmenu0_hype_container du fichier .js avec fraise par exemple?
Merci !
Re: Lien vers iframe ou nouvelle page
Bon maintenant, je vais vous aider à éditer le fichier javascript.js .
Si vous créez de nouvelle animation Hype il vous faudra modifier :
1. le mot clé qui que vous devez mettre dans une zone de texte de votre page iWeb
2. certains éléments du code donné par Hype qui sont copié dans ce fichier
Pensez à donner à chacun de vos fichier javascript un nom différent
Ouvrez votre fichier javascript avec un éditeur de texte, par ex. textWrangler.
Aidez vous de la fonction recherche cmd F à chaque fois que necessaire
1) Modifier le mot-clé
reperer la ligne
changer _hypermenu_ par un autre mot clé de votre choix
évitez de choisir un mot pouvant être dans un de vos texte
ce mot clé sera à afficher dans zone de texte de votre page iWeb
2) les éléments du code de Hype contenus dans ce fichier
il faut aussi éditer les termes entre guillemets que l'on trouve sur ces lignes ci-dessous
que l'on trouve dans les vingt dernières ligne de du code :
chacun de ces éléments entre guillemts fait référence à un attribut du code donné par hype dont voici une capture d'écran. Cliquez sur l'image pour la voir en entier
Donc ces lignes seront à changer en cas de nouvelles créations Hype
Si vous créez de nouvelle animation Hype il vous faudra modifier :
1. le mot clé qui que vous devez mettre dans une zone de texte de votre page iWeb
2. certains éléments du code donné par Hype qui sont copié dans ce fichier
Pensez à donner à chacun de vos fichier javascript un nom différent
Ouvrez votre fichier javascript avec un éditeur de texte, par ex. textWrangler.
Aidez vous de la fonction recherche cmd F à chaque fois que necessaire
1) Modifier le mot-clé
reperer la ligne
- Code:
var $Find = "_hypemenu_"; // the unique word to find the DIV
changer _hypermenu_ par un autre mot clé de votre choix
évitez de choisir un mot pouvant être dans un de vos texte
ce mot clé sera à afficher dans zone de texte de votre page iWeb
2) les éléments du code de Hype contenus dans ce fichier
il faut aussi éditer les termes entre guillemets que l'on trouve sur ces lignes ci-dessous
que l'on trouve dans les vingt dernières ligne de du code :
- Code:
newDiv.id = 'animmenu0_hype_container';
- Code:
newDiv.style.width = '675' + 'px';
newDiv.style.height = '50' + 'px';
- Code:
newScript.src = 'http://theatreurope.com//Presse_files/Anim-menu-0_Resources/animmenu0_hype_generated_script.js?53631';
chacun de ces éléments entre guillemts fait référence à un attribut du code donné par hype dont voici une capture d'écran. Cliquez sur l'image pour la voir en entier
Donc ces lignes seront à changer en cas de nouvelles créations Hype
Dernière édition par koeklin le 1/7/2011, 11:00, édité 1 fois
Re: Lien vers iframe ou nouvelle page
Ah, ca fonctionne maintenant, après maj de Hype et nouvel export en html5 !
Re: Lien vers iframe ou nouvelle page
Je n'ai pas essayé mais les petits gars de chez tumulco ont écrit qu'il avait réglé le problème des URLs dans des iframes avec leur dernière mise à jour.
Et les widgets fragments HTML sont justement des iframes déguisées. Ils devrait donc être possible avec un site fait avec iWeb d'ouvrir les URLs d'une animation Hype dans la fenêtre principale du navigateur. A tester.
Et les widgets fragments HTML sont justement des iframes déguisées. Ils devrait donc être possible avec un site fait avec iWeb d'ouvrir les URLs d'une animation Hype dans la fenêtre principale du navigateur. A tester.
Sujets similaires
» Lien vers endroit de la page
» Créer un lien vers page précédente
» Lien vers une page html en local
» Lien vers un fichier
» lien vers fichier
» Créer un lien vers page précédente
» Lien vers une page html en local
» Lien vers un fichier
» lien vers fichier
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|