iWeb Beginner Forum Iweb Beginner : Forum d'assistance sur Apple iWeb

[lologramme]

Bonjour,
Je suis nouveau sur le forum. J'ai déjà été guidé, avec succès,pour enserrer un tableau interactif par zepatente sur mac génération...
Me voilà donc parmi vous avec un nouveau soucis :
j'ai créé une page avec le widget googlemaps fournit avec iweb9, je l'ai modifié pour avoir la possibilité de mettre le pointeur en dehors d'une route et avec un nom autre qu'une adresse. Ma volonté est de mettre en transparence un parcours en faisant un clic sur un texte. J'ai réussit à le faire en faisant un lien sur une autre page mais il y a un rafraichissement de toute la page. Mon désir serait de faire apparaitre cette image en transparence (au bon endroit et à la bonne taille)soit par un clic, soit par un survole sans que la page entière soit rechargée.
Merci pour votre aide voici le lien de la page de mon site (en constrution ) : http://perso.numericable.com/l.charrier ... ssage.html

[zepatente]

Bonjour et bienvenue


Afin de pouvoir garder une convivialité sur le forum et si vous le désirez, vous pouvez vous présenter sur le forum ainsi que vos sites sous iweb

L'idéal serait de mettre une iframe avec des liens

pour l'iframe

Code: Tout sélectionner

<iframe name="**" src="**" width="**" heigh="**">**</iframe>

name = nom de l'iframe
scr= adresse par défaut de la page à afficher
width + heigh = taille de l'iframe

Pour chaque lien

Code: Tout sélectionner

<a href="url de la page à charger dans l'iframe" title="Titre du lien" target="nom de l' iframe">Texte, image ou autre</a>

il faudra créer autant de page que de lien , à la même taille et avec juste la carte google dedans


@+

[lologramme]

Merci,
dois-je mettre tous les morceaux de code dans le même fragment html (celui de l'iframe)?
Quelle sera la différence avec ce que j'ai réalisé?
Autre question qui montre bien mon ignorance : l'iframe devra avoir quoi à l'intérieur : l'appli goole map? bref je suis un peu paumé...

[zepatente]

Pour vous guider , je vous donnez votre schémas de travail

- fabriquer trois page de même taille ne contenant que les google map . une page pour chaque carte
- mettre sur mon ancienne page dans un fragment html une iframe à la taille de mes trois pages
- mettre trois fragment html avec le lien dans chacun d'entre eu avec comme nom d'iframe le même que celui de l'iframe et comme lien chacun une des trois pages

@+

[lologramme]

J'ai encore des lacunes.
J'ai fabriquer pour l'exemple une page "aire de jeu 2" avec googlemap seule.
J'ai dupliqué mon ancienne page et renommée "test ", j'ai créé une iframe avec le code :
<iframe name src="http://perso.numericable.com/l.charrier/crapaud_de_croissy/aire de jeu 2"
style="width:589px; height:740px;
border-width:0px;
border-color:#990033;
border-style:solid;"
scrolling="auto" >
</iframe>

un lien dans un fragment :
<a href="http://perso.numericable.com/l.charrier/crapaud_de_croissy/aire de jeu 2.html" title="aire de jeu" target="test">AIRE DE JEU</a>

Je dois me planter quelque part mais le message est :
Cette page a été créée par défaut à la création du site. Le client qui en est détenteur ne l'a pas encore personnalisé.


Avec moi, patience, il vous faudra... Merci par avance,
Laurent

[zepatente]

Bonjour,

est ce que la page http://perso.numericable.com/l.charrier ... oissy/aire de jeu 2.html a été publiée ?

@+

[lologramme]

Oui, elle est publiée je l'ai fait apparaître dans le menu principale de mon site : http://www.crapaud-de-croissy.fr/

j'ai corrigé le code qui était erroné iframe sur test :
<iframe name src="http://perso.numericable.com/l.charrier/crapaud_de_croissy/Vide.html"
style="width:600px; height:900px;
border-width:0px;
border-color:#990033;
border-style:solid;"
scrolling="auto" >
</iframe>
j'ai crée une page "vide" avec l'image googlemaps vierge de traces

Le lien a le code suivant :
<a href="http://perso.numericable.com/l.charrier/crapaud_de_croissy/aire_de_jeu_2.html" title="aire de jeu" target="test">AIRE DE JEU</a>

En visitant le site en local : l'iframe fonctionne pas exactement calée, mais elle apparaît. Par contre le lien n'apparaît pas dans l'iframe mais ouvre la page entière "aire de jeu 2"
En publiant le site : la page "vide est visible" comme la page "aire de jeu 2" mais la page test affiche toujours le même message d'erreur.

voilà, j'avance mais doucement...

edit : les codes que j'ai indiqués sont identiques : pas un mot de plus ni de moins. Le problème est peut-être là

[zepatente]

je vous prépare les code pour demain car j'ai oublié un truc dans le code . même s'il y a une erreur dans votre code , celui fournit par moi n'est pas complet




@+

[lologramme]

Trop cool, merci. Avec un exemple complet ce sera plus simple pour que je comprenne. en attendant je vais aller me présenter
A+, laurent

[zepatente]

voici le code de l'iframe

Code: Tout sélectionner

<iframe name="carte" src="http://perso.numericable.com/l.charrier/crapaud_de_croissy/Vide.html"
style="width:600px; height:900px;
border-width:0px;
border-color:#990033;
border-style:solid;"
scrolling="auto" >
</iframe>

et voici le code pour le lien

Code: Tout sélectionner

<a href="http://perso.numericable.com/l.charrier/crapaud_de_croissy/aire_de_jeu_2.html" title="Titre du lien" target="carte">Texte, image ou autre</a>

@+