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

par **ERDé** » Mer 23 Mar 2011 16:54

Bonjour tout le monde,
Dans Iweb, peut-on créer en bas d'une page, un bouton qui renvoie directement en haut de celle-ci ?
Si oui, comment, quel en est le code ?
Merci.
RD

Voici une possibilité :

il faut créer un objet (une flèche par exemple), le sélectionner,

dans l'inspecteur il faut choisir l'onglet "Liens",

cocher la case "Activer comme lien",

puis lier vers "Une de mes pages",

enfin choisir la page sur laquelle on est en train de faire ce lien.

Exemple : je créé une flèche en bas de ma page "accueil" pour revenir en haut de cette page, et j'active un lien vers "accueil"

par **Marc** » Mer 23 Mar 2011 18:22

@9viesduchat
cette méthode recharge la page

il existe une méthode qui ne recharge pas la page (et je ne comprends pas pourquoi...)
http://iweb.debutersurmac.com/siteiweb/ ... b.html#id5

En gros il s'agit de faire lien vers une page externe et choisir l'url de sa page publiée et rajouter #body_content

par **Caribou** » Mer 23 Mar 2011 23:33

ERDé a écrit:Si oui, comment, quel en est le code ?

Il existe plusieurs codes:
Avec lien
Sans lien
Double clic, etc..
Un clic et c'est bon avec ce code.
<SCRIPTlanguage=JavaScript><a href="adresse de la page#top">Haut de la page</a></SCRIPT>
Attention il faudra peut-être changer la couleur du texte "Haut de page".

par **ERDé** » Jeu 24 Mar 2011 00:09

Bonsoir,
Merci beaucoup. J'ai appliqué cette dernière méthode et ça fonctionne parfaitement.
Merci.
RD

par **Caribou** » Jeu 24 Mar 2011 00:17

ERDé a écrit:Merci.

De rien.

par **Marc** » Jeu 24 Mar 2011 14:00

Caribou a écrit:<SCRIPTlanguage=JavaScript><a href="adresse de la page#top">Haut de la page</a></SCRIPT>

Oui... mais la balise Javascript n'a rien à faire ici,
et de plus elle est mal notée, ce qui l'inactive. Heureusement d'ailleurs, sinon le lien n'existerait pas.

Celui-ci suffit à priori:

Code: Tout sélectionner: <a href="adresse de la page#top">Haut de la page</a>

perso j'ai une préférence pour celui-là (par prudence) :

Code: Tout sélectionner: <a href="adresse de la page#top" target="_top">Haut de la page</a>

par **Caribou** » Jeu 24 Mar 2011 14:31

Marc a écrit:
Caribou a écrit:<SCRIPTlanguage=JavaScript><a href="adresse de la page#top">Haut de la page</a></SCRIPT>

Oui... mais la balise Javascript n'a rien à faire ici,
et de plus elle est mal notée, ce qui l'inactive. Heureusement d'ailleurs, sinon le lien n'existerait pas.

Je n'y connais pas grand chose en code, je dirais même rien, mais ce n'est pas grave ça fonctionne quand même. :lol:

Un clic et hop en haut de la page.

par **ERDé** » Jeu 24 Mar 2011 14:37

Bonjour,
En définitive, j'ai fait une sorte de "roll over" sur une petite image qui recharge la page.
Voilà ce que ça donne : [url]http://www.rf2andco.org/Site_vtt/la_foresière_Raismes_6_mars_2011.html[/url]
Et pour le code c'est :
<html>
<head>
</head>
<body>
<a href="http://rf2andco.org/Site_vtt/la_foresière_Raismes_6_mars_2011.html#top">
<script type="text/javascript">
function SourisSur()
{document.adresse.src ="http://rf2andco.org/Site_vtt/images_html_files/top2_1.png"}
function Sourisdehors()
{document.adresse.src ="http://rf2andco.org/Site_vtt/images_html_files/top_1.png"}
</script>
<img src="http://rf2andco.org/Site_vtt/images_html_files/top_1.png" name="adresse" border="0" alt="contact" onmouseover="SourisSur()" onmouseout="Sourisdehors()">
</a>
</body>
</html>
</html>

Ca fonctionne bien. Le seul souci, c'est que ça recharge la page et si elle est un peu lourde, c'est pas TOP !
Mais je n'y connais rien en codage et il paraît que les "ancres" ne fonctionnent pas avec Iweb ?

Bonne journée.
RD

par **Caribou** » Jeu 24 Mar 2011 14:39

ERDé a écrit: Mais je n'y connais rien en codage

Caribou a écrit:Je n'y connais pas grand chose en code, je dirais même rien

Désolé.

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

bouton "haut de page"

bouton "haut de page"

Publicité

Re: bouton "haut de page"

Re: bouton "haut de page"

Re: bouton "haut de page"

Re: bouton "haut de page"

Re: bouton "haut de page"

Re: bouton "haut de page"

Re: bouton "haut de page"

Re: bouton "haut de page"

Re: bouton "haut de page"

Qui est en ligne