Le forum des utilisateurs iWeb
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Lien vers iframe ou nouvelle page

2 participants

Aller en bas

Lien vers iframe ou nouvelle page Empty Lien vers iframe ou nouvelle page

Message par sbastien7566 26/6/2011, 19:27

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 :
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 !
sbastien7566
sbastien7566
Simple Membre

Messages : 40
Inscription : 16/12/2010 Masculin Age : 49
Localisation : Hyères
Version iWeb : 3
Publication : Ftp integré

http://www.theatreurope.com

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par koeklin 27/6/2011, 11:21

Il n'y a que ces deux possibilités?
il n'existe pas d'option "ouvrir le lien dans la page parent?"
koeklin
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par koeklin 27/6/2011, 15:30

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.
koeklin
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par sbastien7566 27/6/2011, 21:17

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 :

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)
sbastien7566
sbastien7566
Simple Membre

Messages : 40
Inscription : 16/12/2010 Masculin Age : 49
Localisation : Hyères
Version iWeb : 3
Publication : Ftp integré

http://www.theatreurope.com

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par koeklin 27/6/2011, 23:29

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
koeklin
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par sbastien7566 28/6/2011, 07:07

C'est le lien "Accueil" qui s'ouvre dans l'iframe.
LIEN
sbastien7566
sbastien7566
Simple Membre

Messages : 40
Inscription : 16/12/2010 Masculin Age : 49
Localisation : Hyères
Version iWeb : 3
Publication : Ftp integré

http://www.theatreurope.com

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par koeklin 28/6/2011, 08:57

Merci. Testez votre menu sur cette page (du moins le lien accueil):
http://iweb.debutersurmac.com/temporary/hype_dom.html
koeklin
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par sbastien7566 28/6/2011, 18:15

Oui cela fonctionne bien applaudire
sbastien7566
sbastien7566
Simple Membre

Messages : 40
Inscription : 16/12/2010 Masculin Age : 49
Localisation : Hyères
Version iWeb : 3
Publication : Ftp integré

http://www.theatreurope.com

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par sbastien7566 28/6/2011, 23:12

Le problème vient donc de ma page?
sbastien7566
sbastien7566
Simple Membre

Messages : 40
Inscription : 16/12/2010 Masculin Age : 49
Localisation : Hyères
Version iWeb : 3
Publication : Ftp integré

http://www.theatreurope.com

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par koeklin 29/6/2011, 00:09

non
  • 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
Avec un client FTP, par ex. Cyberduck, téléverser ce fichier sur votre serveur
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>
Remplacez http://url/de/votre/fichier/javascript.js par la vraie url du fichier javascript
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_
publiez et visitez votre site

le menu n'est pas visible dans iWeb, uniquement sur le site publié.
koeklin
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par sbastien7566 29/6/2011, 21:32

1and1 en panne, je ne peux pas essayer ce soir Enervé

Merci beaucoup pour votre aide, je vous tiens au courant
sbastien7566
sbastien7566
Simple Membre

Messages : 40
Inscription : 16/12/2010 Masculin Age : 49
Localisation : Hyères
Version iWeb : 3
Publication : Ftp integré

http://www.theatreurope.com

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par sbastien7566 30/6/2011, 09:51

C'est fait !!!
mais cela ne fonctionne pas, le nom du fichier apparaît tel quel dans la zone de texte…
sbastien7566
sbastien7566
Simple Membre

Messages : 40
Inscription : 16/12/2010 Masculin Age : 49
Localisation : Hyères
Version iWeb : 3
Publication : Ftp integré

http://www.theatreurope.com

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par koeklin 30/6/2011, 11:24

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...
koeklin
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par sbastien7566 30/6/2011, 11:59

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
sbastien7566
sbastien7566
Simple Membre

Messages : 40
Inscription : 16/12/2010 Masculin Age : 49
Localisation : Hyères
Version iWeb : 3
Publication : Ftp integré

http://www.theatreurope.com

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par koeklin 30/6/2011, 12:19

1) Oui mais cette fois vous allez écrire dans la zone de texte
Code:
_hypemenu_
et non _plughype_ et ça devrait marcher nettement mieux.

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
koeklin
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par sbastien7566 30/6/2011, 12:55

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
Lien vers iframe ou nouvelle page C_tiff13
sbastien7566
sbastien7566
Simple Membre

Messages : 40
Inscription : 16/12/2010 Masculin Age : 49
Localisation : Hyères
Version iWeb : 3
Publication : Ftp integré

http://www.theatreurope.com

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par koeklin 30/6/2011, 13:09

La position de votre zone de texte est importante : son angle supérieur gauche est aussi celui de votre menu.

koeklin
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par sbastien7566 30/6/2011, 14:09

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 !
sbastien7566
sbastien7566
Simple Membre

Messages : 40
Inscription : 16/12/2010 Masculin Age : 49
Localisation : Hyères
Version iWeb : 3
Publication : Ftp integré

http://www.theatreurope.com

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par koeklin 30/6/2011, 15:52

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
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 ses paramêtres.

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
Lien vers iframe ou nouvelle page Script10
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
koeklin
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par sbastien7566 1/7/2011, 08:28

Merci encore, je m'occuperai de ça dans le we.
sbastien7566
sbastien7566
Simple Membre

Messages : 40
Inscription : 16/12/2010 Masculin Age : 49
Localisation : Hyères
Version iWeb : 3
Publication : Ftp integré

http://www.theatreurope.com

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par sbastien7566 11/7/2011, 22:11

Cela fonctionne parfaitement, encore un grand merci à koeklin respect
sbastien7566
sbastien7566
Simple Membre

Messages : 40
Inscription : 16/12/2010 Masculin Age : 49
Localisation : Hyères
Version iWeb : 3
Publication : Ftp integré

http://www.theatreurope.com

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par sbastien7566 16/7/2011, 22:43

No
Pourquoi est-ce que cela ne fonctionne pas sous IE ???
sbastien7566
sbastien7566
Simple Membre

Messages : 40
Inscription : 16/12/2010 Masculin Age : 49
Localisation : Hyères
Version iWeb : 3
Publication : Ftp integré

http://www.theatreurope.com

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par sbastien7566 24/7/2011, 21:14

Ah, ca fonctionne maintenant, après maj de Hype et nouvel export en html5 !
langue
sbastien7566
sbastien7566
Simple Membre

Messages : 40
Inscription : 16/12/2010 Masculin Age : 49
Localisation : Hyères
Version iWeb : 3
Publication : Ftp integré

http://www.theatreurope.com

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par koeklin 9/8/2011, 19:25

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.
koeklin
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Lien vers iframe ou nouvelle page Empty Re: Lien vers iframe ou nouvelle page

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum