Ancre

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS: 1.7.1
#~ Nom de l'hébergeur : ovh
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.7.1
#~ Installed Modules:
#~ CMSMailer: 2.0
#~ FileManager: 1.0.2
#~ MenuManager: 1.6.3
#~ ModuleManager: 1.3.3
#~ News: 2.10.5
#~ nuSOAP: 1.0.1
#~ Printing: 1.0.4
#~ Search: 1.6.3
#~ ThemeManager: 1.1.1
#~ TinyMCE: 2.7.0
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template: false
#~ max_upload_size: 64000000
#~ default_upload_permission: 664
#~ assume_mod_rewrite: true
#~ page_extension: .html
#~ internal_pretty_urls: false
#~ use_hierarchy: false
#~ Php Information:
#~ phpversion: 5.2.13
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ memory_limit: 128M
#~ max_execution_time: 30
#~ safe_mode: Off (Faux)
#~ session_save_path: /tmp (1777)
#~ session_use_cookies: On (Vrai)
#~ Server Information:
#~ Server Api: cgi
#~ Server Db Type: MySQL (mysql)
#~ Server Db Version: 5.0.90
#~ ----------------------------------------------
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
Bonjour,

Je viens de passer 6 heures pour essayer de parvenir à utiliser les ancres avec un effet easing grâce à jquery.

C'est très simple (http://www.htmlzengarden.com/2009/10/anc...ascenseur/) cependant j'ai passé plus de temps à vérifier le code du script, à changer de script etc... Alors qu'au final je viens de comprendre pourquoi cela fonctionne pas....

En faites dans cms made simple, lorsqu'on créé une ancre il n'est pas possible de faire comme ceci :

<a href="#haut">haut</a> car le lien renvoie vers la page index du site... Hors on est dans une autre page... Problème relevé par deux utilisateurs sur le forum mais pour le moment aucune réponse n'a été donné (http://www.cmsmadesimple.fr/forum/viewtopic.php?id=930 et http://www.cmsmadesimple.fr/forum/viewtopic.php?id=691).

Il faut donc mentionner l'url complète... Mais le problème justement c'est que si on mentionne l'url complète cms made simple recharge complètement la page et donc l'effet de easing ne peut pas apparaitre (6 heures pour comprendre ça...).

Ma question est il possible de créer des ancres interne à une page sans avoir à mentionner l'url absolu et sans que la page soit à nouveau recharger ?

Si cela est possible cela serait formidable car l'effet est vraiment très sympa, voir exemple ici : http://www.htmlzengarden.com/scrolling.html#milieu

Merci pour votre aide...
Répondre
#1
Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS: 1.7.1
#~ Nom de l'hébergeur : ovh
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.7.1
#~ Installed Modules:
#~ CMSMailer: 2.0
#~ FileManager: 1.0.2
#~ MenuManager: 1.6.3
#~ ModuleManager: 1.3.3
#~ News: 2.10.5
#~ nuSOAP: 1.0.1
#~ Printing: 1.0.4
#~ Search: 1.6.3
#~ ThemeManager: 1.1.1
#~ TinyMCE: 2.7.0
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template: false
#~ max_upload_size: 64000000
#~ default_upload_permission: 664
#~ assume_mod_rewrite: true
#~ page_extension: .html
#~ internal_pretty_urls: false
#~ use_hierarchy: false
#~ Php Information:
#~ phpversion: 5.2.13
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ memory_limit: 128M
#~ max_execution_time: 30
#~ safe_mode: Off (Faux)
#~ session_save_path: /tmp (1777)
#~ session_use_cookies: On (Vrai)
#~ Server Information:
#~ Server Api: cgi
#~ Server Db Type: MySQL (mysql)
#~ Server Db Version: 5.0.90
#~ ----------------------------------------------
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
Bonjour,

Je viens de passer 6 heures pour essayer de parvenir à utiliser les ancres avec un effet easing grâce à jquery.

C'est très simple (http://www.htmlzengarden.com/2009/10/anc...ascenseur/) cependant j'ai passé plus de temps à vérifier le code du script, à changer de script etc... Alors qu'au final je viens de comprendre pourquoi cela fonctionne pas....

En faites dans cms made simple, lorsqu'on créé une ancre il n'est pas possible de faire comme ceci :

<a href="#haut">haut</a> car le lien renvoie vers la page index du site... Hors on est dans une autre page... Problème relevé par deux utilisateurs sur le forum mais pour le moment aucune réponse n'a été donné (http://www.cmsmadesimple.fr/forum/viewtopic.php?id=930 et http://www.cmsmadesimple.fr/forum/viewtopic.php?id=691).

Il faut donc mentionner l'url complète... Mais le problème justement c'est que si on mentionne l'url complète cms made simple recharge complètement la page et donc l'effet de easing ne peut pas apparaitre (6 heures pour comprendre ça...).

Ma question est il possible de créer des ancres interne à une page sans avoir à mentionner l'url absolu et sans que la page soit à nouveau recharger ?

Si cela est possible cela serait formidable car l'effet est vraiment très sympa, voir exemple ici : http://www.htmlzengarden.com/scrolling.html#milieu

Merci pour votre aide...
Répondre
#2
{anchor anchor='main' text='^ Top'}
Répondre
#2
{anchor anchor='main' text='^ Top'}
Répondre
#3
Bonsoir,

J'avais testé mais cela ne fonctionne pas apriori avec jquery car il faut que cela se présente comme ceci :

<ul>
<li><a href="#milieu">milieu</a></li>
<li><a href="#bas">bas</a></li>
</ul>

si on parvient à créer une ancre en interne en remplaçant <a href="#milieu">milieu</a> par <a href="currentpage? #milieu">milieu</a>
pour qu'il comprenne que l'ancre se situe dans la même page et non à l'index c'est ok.

Il y a t'il un tag qui le permettrait ?
Répondre
#3
Bonsoir,

J'avais testé mais cela ne fonctionne pas apriori avec jquery car il faut que cela se présente comme ceci :

<ul>
<li><a href="#milieu">milieu</a></li>
<li><a href="#bas">bas</a></li>
</ul>

si on parvient à créer une ancre en interne en remplaçant <a href="#milieu">milieu</a> par <a href="currentpage? #milieu">milieu</a>
pour qu'il comprenne que l'ancre se situe dans la même page et non à l'index c'est ok.

Il y a t'il un tag qui le permettrait ?
Répondre
#4
le code source résultant de cette balise donne : <a href="/nompage#main">^ Top</a>
Répondre
#4
le code source résultant de cette balise donne : <a href="/nompage#main">^ Top</a>
Répondre
#5
Bien joué... Le slash fait toute la différence... ;-)

Cependant mon script ne veux pas fonctionner... il semble qu'il n'aime pas cette url.

Voici l'adresse du site : http://corsevacances.fr/vacances-calvi.html

Cliquez sur juste sous le header la puce "milieu", on se rend bien à la partie concernée, cependant on remarque aucun effet de easing... Ensuite cliquez sur la puce "haut" et là on a un effet d'accélération avant de passer à la nouvelle page (qui n'est autre que l'index...)

??
Répondre
#5
Bien joué... Le slash fait toute la différence... ;-)

Cependant mon script ne veux pas fonctionner... il semble qu'il n'aime pas cette url.

Voici l'adresse du site : http://corsevacances.fr/vacances-calvi.html

Cliquez sur juste sous le header la puce "milieu", on se rend bien à la partie concernée, cependant on remarque aucun effet de easing... Ensuite cliquez sur la puce "haut" et là on a un effet d'accélération avant de passer à la nouvelle page (qui n'est autre que l'index...)

??
Répondre
#6
Tu trouveras la solution ici :
http://www.learningjquery.com/2007/10/im...page-links
Répondre
#6
Tu trouveras la solution ici :
http://www.learningjquery.com/2007/10/im...page-links
Répondre
#7
Merci pour avoir prit le temps de chercher la solution mais là ça dépasse sincèrement mes connaissances.. Je sais pas où insérer ce nouveau code javascript...

Est il compatible uniquement qu'avec Scrollto (http://demos.flesler.com/jquery/scrollTo/) ?

Cet après midi j'avais essayé de l'installer également mais sans succès...
Répondre
#7
Merci pour avoir prit le temps de chercher la solution mais là ça dépasse sincèrement mes connaissances.. Je sais pas où insérer ce nouveau code javascript...

Est il compatible uniquement qu'avec Scrollto (http://demos.flesler.com/jquery/scrollTo/) ?

Cet après midi j'avais essayé de l'installer également mais sans succès...
Répondre
#8
Ce lien t'explique comment outrepasser les problèmes d'url de l'ancre comme tu as actuellement et corrige les bugs sur différents browsers.
Mais, je ne suis pas là pour te donner des cours javascript, j'en serait d'ailleurs incapable Wink
Tant que tu ne sais que copier-coller des scripts, il vaudrait mieux rester dans le traditionnel.
Répondre
#8
Ce lien t'explique comment outrepasser les problèmes d'url de l'ancre comme tu as actuellement et corrige les bugs sur différents browsers.
Mais, je ne suis pas là pour te donner des cours javascript, j'en serait d'ailleurs incapable Wink
Tant que tu ne sais que copier-coller des scripts, il vaudrait mieux rester dans le traditionnel.
Répondre
#9
Tu peux essayer cette tag en la modifiant pour ton besoin : http://wiki.cmsmadesimple.org/index.php/...URL_format
Répondre
#9
Tu peux essayer cette tag en la modifiant pour ton besoin : http://wiki.cmsmadesimple.org/index.php/...URL_format
Répondre
#10
Je vais voir ça.. Merci en tout cas d'avoir pris le temps de t'intéresser à mon problème.. Si je trouve la solution j'en ferais part ici, l'effet est plutôt sympa cela devrait plaire à plusieurs utilisateurs du CMS.

Bonne journée
Répondre
#10
Je vais voir ça.. Merci en tout cas d'avoir pris le temps de t'intéresser à mon problème.. Si je trouve la solution j'en ferais part ici, l'effet est plutôt sympa cela devrait plaire à plusieurs utilisateurs du CMS.

Bonne journée
Répondre
#11
Bonjour, à ce que je vois le problème des ancres est toujours d'actualité
Répondre
#11
Bonjour, à ce que je vois le problème des ancres est toujours d'actualité
Répondre
#12
Pour éviter que les ancres renvoient vers la page index du site, il y a une solution qui consiste à remplacer la balise {metadata} par {metadata showbase="false"} dans le gabarit de la page.
Mais en contrepartie, il faut décocher "Générer les urls relatives" dans l'onglet "Avancé" de TinyMCE.

Il peut y avoir d'autres choses à modifier, même si dans mon cas cela ne semble pas nécessaire.
Explications en anglais:
http://forum.cmsmadesimple.org/viewtopic...=7&t=15458
Répondre
#12
Pour éviter que les ancres renvoient vers la page index du site, il y a une solution qui consiste à remplacer la balise {metadata} par {metadata showbase="false"} dans le gabarit de la page.
Mais en contrepartie, il faut décocher "Générer les urls relatives" dans l'onglet "Avancé" de TinyMCE.

Il peut y avoir d'autres choses à modifier, même si dans mon cas cela ne semble pas nécessaire.
Explications en anglais:
http://forum.cmsmadesimple.org/viewtopic...=7&t=15458
Répondre
#13
>Explications en anglais: http://forum.cmsmadesimple.org/viewtopi … =7&t=15458
ça date un peu ..

il suffit d'ajouter dans l'url #ton_ancre
ou dans le cas d'un lien interne exemple : index.php?page=lapage_oujesuis#mon_ancre
J-C Etiemble v 2.2.xx
Répondre
#13
>Explications en anglais: http://forum.cmsmadesimple.org/viewtopi … =7&t=15458
ça date un peu ..

il suffit d'ajouter dans l'url #ton_ancre
ou dans le cas d'un lien interne exemple : index.php?page=lapage_oujesuis#mon_ancre
J-C Etiemble v 2.2.xx
Répondre
#14
Oui, le lien date un peu, mais il m'a dépanné.
Dans mon cas, avec CMSMS 1.9.4.3, CGCalendar 1.8.3 et la réécriture d'URL activée, l'ajout de #mon_ancre à la fin de l'URL d'un évènement du calendrier renvoyait à URL_page_index#mon_ancre
Répondre
#14
Oui, le lien date un peu, mais il m'a dépanné.
Dans mon cas, avec CMSMS 1.9.4.3, CGCalendar 1.8.3 et la réécriture d'URL activée, l'ajout de #mon_ancre à la fin de l'URL d'un évènement du calendrier renvoyait à URL_page_index#mon_ancre
Répondre


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)