appelle d'une page, d'un contenu via javascript

38 Posts

sironder Reply #1, 13 years, 7 months ago

Bonjour à tous,

Je débute tout juste sur Modx et j'aimerais comprendre le fonctionnement de l'appelle des différentes pages.
Plus précisément, j'essaye actuellement d'intégrer une template où le menu se fait par javascript. voici le code qui permet d'afficher le menu et d'appeler les différentes pages associcé :

<div class="clearboth"></div>			
					<!-- Menu -->
								<script type="text/javascript">					
										myButton('HOME','_home.htm');
										myButton('ABOUT US','_about.htm');
										myButton('SERVICES','_services.htm');
										myButton('SOLUTIONS','_solutions.htm');
										myButton('CONTACT US','_contact.htm');
								</script>

ici le la fonction myButton

function myButton (buttonText,buttonLink) {
	if (!online && !isIE) {
  document.write('	<DIV ID="flashMovie'+(anim_ids+1)+'" STYLE="width: 200; height: 31; z-index: 100;" onClick="showPage(\''+buttonLink+'\','+anim_ids+1+')">');																										
	}		
	AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','width','200','height','31','src','flash/button','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','flash/button','flashvars','custom_xml_url=button.xml&item_text='+buttonText+'&item_url='+buttonLink+'&button_id='+(anim_ids+1)+'&isIE='+isIE,'scale','noScale','wmode','transparent');
	if (!online && !isIE) {
	document.write('</DIV>');
	}	
}

d'un autre coté j'ai créé mes différentes pas sous modx (home,about,services,solutions,contact).
Le problème c'est que je n'arrive pas a appeler les pages modx...
quelqu'un sait comment procéder ? dans la fonction myButton par quoi dois-je remplacer le buttonLink actuel (page html)?

Merci d'avance..

☆ A M B ☆
116 Posts

mgobeaut Reply #2, 13 years, 7 months ago

Salut Sironder,

Premièrement pourrais-tu supprimer un de tes posts. Tu l'as publié en double. Merci

Ensuite concernant ton problème,
Tu peux utiliser le Wayfinder de MODx. Tu trouveras de la doc à cette adresse : http://toutsurmodx.fr/menu-modx-wayfinder.html

Dans le paramètre outerTpl tu peux mettre un chunk contenant le code suivant :

<script type="text/javascript">
[[+wf.wrapper]]
</script>

Et dans le paramètre rowTpl tu peux mettre un chunk contenant le code suivant :

myButton('[[+wf.linktext]]','[[+wf.link]]');

Je te laisse regarder la doc pour gérer les autres paramètres qui te permettront d'afficher les pages que tu souhaites.

Par contre je n'ai pas vérifié ta fonction mais ça devrait fonctionner comme cela.

Tiens moi au courant.

Donner vie à votre entreprise avec W&B CREATION
Portfolio : Manuel GOBEAUT
Tout sur MODx, le guide indispensable pour utiliser simplement le CMS MODx

38 Posts

sironder Reply #3, 13 years, 7 months ago

Bonjour mgobeaut,

Tout d'abord merci d'avoir répondu, je commencais à penser que la communauté francophone n'était pas réactif. J'espère me trompé.
Aussi j'ai retiré le doublon dont tu m'as parlé.

Pour finir j'ai essayé de faire ce que tu m'as dicté mais ca ne marche pas... pas de menu apparent. j'ai lu la doc, beaucoup d'information que je ne comprend pas (étant nouveau sur modx, je manque de jargon...). Je vais essayer de creuser .... Je vous tiens au courant.

☆ A M B ☆
116 Posts

mgobeaut Reply #4, 13 years, 7 months ago

Sinon n'hésite pas a publier le code de ton appel du Wayfinder. et chaqu'un des chunks.
et la page sur laquelle cela doit être affiché.
Que je puisse voir où tu te trompes.

Donner vie à votre entreprise avec W&B CREATION
Portfolio : Manuel GOBEAUT
Tout sur MODx, le guide indispensable pour utiliser simplement le CMS MODx

38 Posts

sironder Reply #5, 13 years, 7 months ago

Appelle du Wayfinder dans la template :

<script type="text/javascript">					
   [[!Wayfinder? &startId='0' &outerTpl='outerTpl' ]]
   myButton('[[+wf.linktext]]','[[+wf.link]]');
</script>

chunk outerTpl :

<script type="text/javascript">
[[+wf.wrapper]]
</script>

voila ...

☆ A M B ☆
116 Posts

mgobeaut Reply #6, 13 years, 7 months ago

En fait le

myButton('[[+wf.linktext]]','[[+wf.link]]');

Tu dois le mettre dans le paramètre rowTpl du Wayfinder de cette manière :

[[!Wayfinder? &startId='0' &outerTpl='outerTpl' &rowTpl=`rowTpl`]]

Et tu met le code suivant dans ton chunk rowTpl :

myButton('[[+wf.linktext]]','[[+wf.link]]');

Donner vie à votre entreprise avec W&B CREATION
Portfolio : Manuel GOBEAUT
Tout sur MODx, le guide indispensable pour utiliser simplement le CMS MODx

38 Posts

sironder Reply #7, 13 years, 7 months ago

Je retrouve bien mon menu, par contre lorsque je clique je n'arrive pas à accéder à ma page (page blanche, le navigateur essaye de chercher quelquechose qu'il ne trouve pas).
Que me retourne le [[+wf.link]], sachant que la fonction MyButton() attend en deuxième paramètre une page (html) ou une adresse ...

De plus j'ai mis le paramètre level à 1 pour avoir un sous menu là aussi je ne le retrouve pas , pourtant dans mes ressources j'ai bien :

Lignes
|--->Ligne1
|--->Ligne2
|--->Ligne3

[[!Wayfinder? &startId=`0` &level=`1` &outerTpl=`outerTpl` &rowTpl=`rowTpl`]]

☆ A M B ☆
116 Posts

mgobeaut Reply #8, 13 years, 7 months ago

Alors en fait level 0 c'est pour afficher tous les niveaux du menu donc tu peux mettre 0. 1 c'est pour afficher que le premier niveau donc si tu veux afficher ton sous menu il faut le passer à 2. Tu as donc le choix entre limiter à 2 ou alors mettre autant de niveaux que tu le souhaites à 0.

[[+wf.link]] affiche le lien de ta page sans le domaine. Donc par exemple pour la page http://www.tondomaine.fr/contact.html cela affichera contact.html.

Par contre as-tu activé les urls simples pour ton site ?

Donner vie à votre entreprise avec W&B CREATION
Portfolio : Manuel GOBEAUT
Tout sur MODx, le guide indispensable pour utiliser simplement le CMS MODx

38 Posts

sironder Reply #9, 13 years, 7 months ago

non je n'ais pas activer l'urls, l'est-il à l'origine ? Comment le vérifier ?

☆ A M B ☆
116 Posts

mgobeaut Reply #10, 13 years, 7 months ago

Tu vas dans "système" > "Paramètres du système". Dans filtrer par zone, tu mets urls simples et met oui à l'option "Utiliser les URLs simples".

Il faut également que tu renomme le fichier ht.access à la racine de ton site en .htaccess

Et normalement tes pages devraient fonctionner.

Donner vie à votre entreprise avec W&B CREATION
Portfolio : Manuel GOBEAUT
Tout sur MODx, le guide indispensable pour utiliser simplement le CMS MODx