fastclemmy.com

Vous êtes ici !

# 06-01-2005

Qu'il est agréable de trouver sur un plan le fameux macaron rouge "vous êtes ici". Sur un site web, c'est un peu pareil, il est de bon ton de dire au visiteur où il se situe dans le site. Généralement cela consiste à différencier dans la barre de navigation l'item correspondant à la page active.

Une pratique courante consiste à effectuer cette opération côté serveur. Comme dans l'exemple donné dans A List Apart, on renseigne sur chaque page une variable appelée par exemple $pageCourante ($pageCourante = "accueil") puis on vérifie à l'affichage de la navigation pour chaque item si il s'agit de la $pageCourante. Si c'est le cas, on affecte un id spécifique pour différencier l'item des autres. Grossièrement, le code PHP ressemble à ça :


<ul id="nav">
	<li<?php if ($pageCourante=="accueil") 
		echo " id=\"pageActive\""; ?>>
	<a href="index.php">Accueil</a></li>
	<li<?php if ($pageCourante=="produits") 
		echo " id=\"pageActive\""; ?>>
	<a href="produits.php">Produits</a></li>
	<li<?php if ($pageCourante=="services") 
		echo " id=\"pageActive\""; ?>>
	<a href="services.php">Services</a></li>
	<li<?php if ($pageCourante=="contact") 
		echo " id=\"pageActive\""; ?>>
	<a href="contact.php">Contact</a></li>
</ul>

Côté serveur ou côté client ?

Ca fonctionne bien, d'ailleurs j'ai moi-même adopté cette technique sur de nombreux sites. Néanmoins, je me demande maintenant si le fait que ce soit le serveur qui s'en occupe offre vraiment un intérêt et ce, pour au moins deux raisons. D'une part parce que cela oblige à rajouter pour chaque fichier du site le nom de la page en cours ($pageCourante = "accueil"), ce qui implique au pire de la maintenance fastidieuse ou au mieux un développement supplémentaire pour le gérer automatiquement. D'autre part, parce que je ne vois pas de valeur ajoutée à l'utilisation d'un langage serveur pour ça. Pas de problème de sécurité, simple information visuelle, bref, tout me fait plutôt pencher pour une solution côté client avec javascript.

La structure du code

Avant de nous plonger dans le code, dégageons la structure du script que nous allons écrire.

  1. Récupérer le nom la page en cours
  2. Faire une boucle pour récupérer le lien href contenu dans les balises <a>
  3. Comparer le lien avec le nom de la page en cours
  4. Modifier l'apparence du lien pointant vers la page en cours

Côté résultat final, ça se passe par là. Côté code, ça donne :


function highlightNav() {
	var chemin = "";
	var cheminComplet = "";
	
	// on essaye de détecter la page en cours pour modifier le style du lien actif
	if(document.getElementById("nav")) {
		
		// on récupère la page en cours
		
		// si l'URL comporte une query string, on la retire
		if(document.location.search) {
			cheminComplet = document.location.href;
			cheminCompletSansQueryString = cheminComplet.split(document.location.search);
			cheminComplet = cheminCompletSansQueryString[0];
		} else {
			cheminComplet = document.location.href;
		}

		// si il n'y a pas de fichier après le dernier slash, on doit être sur la page index.php
		cheminCompletDecoupe = cheminComplet.split("/");
		if (cheminCompletDecoupe[cheminCompletDecoupe.length-1] == "") {
			chemin = cheminComplet;
			cheminComplet += "index.php";
		} else {
			chemin = cheminCompletDecoupe.splice(0,cheminCompletDecoupe.length-1) 
			chemin = chemin.join("/");
			chemin += "/";
		}
		
		// on boucle sur les balises <a> pour récupérer leur href
		listeDesLiens = document.getElementById("nav").getElementsByTagName("a");
		for (var i=0; i<listeDesLiens.length; i++) {
			// on compare le href avec le chemin de la page en cours
			if(listeDesLiens[i].getAttribute("href") == cheminComplet || (chemin + listeDesLiens[i].getAttribute("href")) == cheminComplet) {
				// on modifie le style du lien actif
				listeDesLiens[i].style.color = "#cc0000";

				// on sort de la boucle
				break;
			}
		}
	}
}

Les beaux chemins ne mènent pas loin (proverbe chinois)

Parmi les problèmes à gérer, il faut noter que Firefox diffère d'Opera ou d'Internet Explorer sur un point important de notre script. Au moment de demander le contenu de l'attribut href des balises <a>, Firefox nous retourne le contenu exact, à savoir "produits.php" par exemple, tandis que les 2 autres nous retournent "http://www.monserveur.com/monRepertoire/produits.php". Au moment de comparer le lien avec le nom de la page en cours, il faut donc faire les deux tests, ce qui implique d'avoir retenu au préalable deux variables : le chemin (http://www.monserveur.com/monRepertoire/) et le chemin complet (http://www.monserveur.com/monRepertoire/produits.php).

Un beau livre, c'est celui qui sème à foison les points d'interrogation (Cocteau)

Par ailleurs, il faut s'assurer lorsque nous manipulons l'URL de la page que celle-ci ne comprenne page un paramètre qui nous compliquerait la vie (mapage.php?monparametre=mavaleur). Ce qui nous intéresse c'est le chemin du fichier, pas le paramètre. On teste donc si l'URL comprend une query string et on la supprime.


if(document.location.search) {
	cheminComplet = document.location.href;
	cheminCompletSansQueryString = cheminComplet.split(document.location.search);
	cheminComplet = cheminCompletSansQueryString[0];
}

L'arbre suit sa racine (proverbe berbère)

Autre souci, si on se trouve à la racine d'un répertoire (http://www.monserveur.com/monRepertoire/), c'est la page par défaut qui sera appelée, index.htm, index.html, index.php, index.asp, etc. Pour autant, document.location.href ne nous retournera toujours que http://www.monserveur.com/monRepertoire/, sans plus de précision. Empiriquement, on déterminera donc dans notre cas précis qu'utilisant PHP, c'est la page index.php qui sera appelée si on se trouve dans ce cas de figure.


cheminCompletDecoupe = cheminComplet.split("/");
if (cheminCompletDecoupe[cheminCompletDecoupe.length-1] == "") {
	chemin = cheminComplet;
	cheminComplet += "index.php";
} else {
	chemin = cheminCompletDecoupe.splice(0,cheminCompletDecoupe.length-1) 
	chemin = chemin.join("/");
	chemin += "/";
}

Comme d'habitude ce code est fait rapidement et sans doute sujet à discussion. Les commentaires sont donc les bienvenus !

#javascript

Vos commentaires

Fred Bird - site -
Interessant. Cela dit, identifier la page affichee dans les url, si tant est que l'on produit un lien pour celle ci (ce qui a rarement un sens), n'est necessairement fastidieux en php; et le gain de temps d'execution coté serveur ne vaut pas forcément le poids ajouté par le javascript (sans compter l'indelicatesse de l'usage du temps processeur client, sur une machine poussive).

Par ailleurs, le "vous etes ici" est souvent rendu par un chemin de fer / fil d'ariane / breadcrumb / pathbar...

nima -
Ouais, je suis pas convaincu non plus...
Tu nous propose de remplacer 14 lignes de php par 43 lignes de javascript, je ne suis pas sur que ce soit rentable en considération du temps processeur utilisé par la boucle JS sur les elements. Imagines si il y a 100000 liens dans ta page !!! En php ça ne pose aucun problème.
Mais bon, c'est une idée à pouser peut être avec l'utilisation de XSLT côté serveur. Imaginons que la page XHTML est générée à partir d'un XML+XSLT (ce qui va être de plus en plus le cas non ?), il est possible alors de faire cette recherche des liens pour leur changer le style de façon générique au niveau du XSLT. Du coups, c'est côté serveur et en plus tu as l'avantage comme dans ton JS générique de ne pas avoir à modifier le script pour ajouter une page.

fastclemmy - site -
@fredbird > côté temps processeur client, on peut quand même espérer que les machines supportent une boucle sur 5 éléments, non ? Sinon des applications comme oddpost, gmail ou autres ne seraient pas actuellement en production... Concernant le breadcrumb, j'ai lu ici et là que l'intérêt était minime par rapport au taux d'utilisation de celui-ci par l'internaute lambda.

@nima > pas de problème avec les 100 000 liens, dans le code on ne boucle que sur les liens contenus dans le UL qui nous intéresse, on ne boucle plus que sur 5 balises... Cela dit l'approche XML/XSLT est sans doute à creuser. Personnellement j'ai vaguement regardé mais ça manque un peu de tutoriaux concrets sur comment on passe concrètement de notre fichier XML de base à la sortie XHTML grâce à XSLT, des liens à proposer ?

Nima -
Ben, à part le site du W3C, il y a bien w3school, j'avoue que je ne me suis pas trop penché sur les tutos. Ou sinon, tu me demandes ;) Accessoirement, tu peux acheter un livre...
Sinon, quand je parlais de 100000, j'imaginais si on utilisait ton script de façon plus générique et donc en appliquant un style à tous les liens d'une page qui pointe vers une certaine URL, que ce soit l'URL courante ou non. Dans le cas de 5 liens, c'est sûr que c'est pas long.

Géry -
J'ai eu la même idée que toi voila l'adresse de mes pages http://lamidemonamie.free.fr

et mon code : http://lamidemonamie.free.fr/Js/SelectMenu.js

Je n'ai pas enlevé la query string car dans un même menu on pourrait avoir 2 liens par exemple :
animaux.php?categorie=chien
animaux.php?categorie=chat
qui génère 2 pages differentes
il faut alors garder la query string pour pouvoir discriminer.

Cela dit, on peut utiliser les CSS pour faire la même chose comme sur alistapart pour le menu du haut qui identifie les grandes sections du site. Mettre un même id pour chaque page d'une même section, et des id sur les liens et dans la feuille de style on met le style hilight grâce au selecteur adéquat

Exemple tiré de la feuille de style http://www.alistapart.com/c/ala.css :

#bodysectionone #menu #lione a,
#bodysectiontwo #menu #litwo a,
#bodysectionthree #menu #lithree a,
#bodysectionfour #menu #lifour a,
#bodysectionfive #menu #lifive a {
background: #c30;
border: 1px solid #c30;
color: #fff;
font-weight: bold;
}

Pour les sous sections en revanche ils utilisent le cote serveur. Si c'était à refaire j'utiliserais plutot cette technique.

greut -
avec la signature du body à la Eric Meyer (id="www-meyerweb-com" pourquoi ne pas ajouter un class="sectionA" ce qui est une solution intermédiaire à un gros PHP peu flexible.

body.sectionA #menuA{color:f00;}

momo -
Comment faire avec la solution PHP lorsque les pages sont "include()" après le menu dans un body global ?

:-/

Giggs - site -
Je relance la question de momo car j'ai besoin de cette réponse !

Colino -
Momo et Giggs,
Les pages en include sont considéres comme au même niveau que la page qui les contient. Elles bénéficient donc des mêmes variables. Si vous voulez plus de détails envoyez un mail, je posterai quelque chose de plus précis en fonction de votre cas. C.

http://forum.detik.com/vaporizer-t1506362.html - site -
Vaporizer adalah alat merokok yang digemari oleh kebanyakan kaum pria, terutama bagi kaum pria yang sudah sangat lama merokok.

results.itschool.gov.in - site -
Kerala Board of Education declares the SSCL Results. The result will be announced on official website of Kerala SSLC Result 2017.

mins - site -
nice info

eye - site -
thank yoiu

syaraf - site -
amazing site

pantat - site -
good luck

silinder - site -
thank for sharing

http://warungkopi.okezone.com/thread/620827/salon-murah-di-jakarta-selatan - site -
Cantik merupakan keinginan yang didambakan bagi semua wanita.

http://warungkopi.okezone.com/thread/620842/tips-tips-kecantikan - site -
Menjadi cantik adalah idaman semua wanita.

http://warungkopi.okezone.com/thread/620842/tips-tips-kecantikan - site -
Menjadi cantik adalah idaman semua wanita.

http://warungkopi.okezone.com/thread/620842/tips-tips-kecantikan - site -
Menjadi cantik adalah idaman semua wanita.

http://warungkopi.okezone.com/thread/620842/tips-tips-kecantikan - site -
Menjadi cantik adalah idaman semua wanita.

http://warungkopi.okezone.com/thread/621406/tips-sehat-dan-cantik - site -
Menjadi pribadi yang sehat dan berstamina memiliki pengaruh besar dalam mengerjakan tugas dengan baik dan benar.

http://warungkopi.okezone.com/thread/621406/tips-sehat-dan-cantik - site -
Menjadi pribadi yang sehat dan berstamina memiliki pengaruh besar dalam mengerjakan tugas dengan baik dan benar.

http://warungkopi.okezone.com/thread/621406/tips-sehat-dan-cantik - site -
Menjadi pribadi yang sehat dan berstamina memiliki pengaruh besar dalam mengerjakan tugas dengan baik dan benar.

http://warungkopi.okezone.com/thread/621406/tips-sehat-dan-cantik - site -
Menjadi pribadi yang sehat dan berstamina memiliki pengaruh besar dalam mengerjakan tugas dengan baik dan benar.

http://warungkopi.okezone.com/thread/621414/tips-tips-kecantikan - site -
Cantik salah satu metode untuk kita dapat lebih percaya diri. Anda hanya perlu memerhatikan tips-tipsnya.

http://forum.lensaproperti.com/lounge/klasemen-motogp-t144.html - site -
Jangan sampai ketinggalan berita terhangat bagi peminat motor!

http://indo.mt5.com/showthread.php?41137-Klasemen-MotoGP - site -
Anda terlewat berita terbaru dari idola Anda?? Jangan sampai terjadi! Segeralah membaca beritanya.

http://warungkopi.okezone.com/thread/623916/forum-cara-mengecat-motor - site -
Motor sebenarnya sudah nampak lebih keren dengan yang ada pada motor, tetapi jika ada sesuatu yang membuat motor tersebut terlihat kurang menarik Anda perlu menghiasinya atau mengecatnya sesuai dengan keinginan.

http://forum.lensaproperti.com/lounge/cara-pasang-relay-klakson-t148.html - site -
Relay pada klakson tidak boleh diletakan di tempat yang tidak seharusnya, itu dapat memicu adanya bahaya yang terjadi.

http://forum.lensaproperti.com/lounge/cara-membuat-motor-drag-t149.html - site -
Jika Anda tak tahu bagaimana cara membuat motor drag, sebaiknya Anda segera meminta bantuan pada seseorang yang ahli dalam hal tersebut. Jika tidak, Anda bisa merusak motor Anda.

http://forum.detik.com/showthread.php?p=35856944 - site -
Sangat ingin membuat motor drag? Ingin memodifkasikannya? Tips dan triknya perlu Anda perhatikan agar motor yang Anda inginkan menjadi nyata.

http://warungkopi.okezone.com/thread/625104/travel-umroh-terbaik-dijakarta - site -
Tanah suci, pada setiap musim orang yang mengunjunginya tak akan pernah bosan dan tak akan pernah berhenti. Karena orang yang berada di sana ingin sekali dekat dengan sang pecipta.

Pseudo - site -
Thanks for sharing this nice post for me and all the visitors.

http://warungkopi.okezone.com/thread/625972/berita-terbaru-motogp - site -
Motogp, semua orang pasti mengetahuinya. Perlombaan yang diadakan membuat kita dan penggemar setianya penasaran akan hasil kemenangannya.

https://moodle.org/mod/forum/discuss.php?d=352654 - site -
Informasi mengenai berita idola Anda sangatlah membuat Anda penasaran akan hal itu. Mengapa? Karena nantinya kita akan menjadi tahu segala sesuatu yang tidak kita ketahui sebelumnya.

http://warungkopi.okezone.com/thread/626190/klasemen-motogp - site -
Dengan berjuang atau bekerja keras untuk mendapatkan sebuah peningkatan, Anda bisa mendapatkan hal itu dengan mudah. Kerja keras Anda tak akan sia-sia jika Anda melakukan hal tersebut.

http://warungkopi.okezone.com/thread/627028/jadwal-motogp-hari-ini - site -
Anda bisa menikmati pertandingan motogp bersama teman Anda. Anda bisa juga bisa menikmati pertandingan motogp bersama keluarga. Asal Anda sudah melihat jadwal tersebut.

http://warungkopi.okezone.com/thread/627362/tips-sehat-dan-cantik-2017 - site -
Apa jadinya jika Anda ingin berpuasa tidak mendahulukan air? Bisa-bisa Anda akan menjadi lemas, dan tentu saja wajah Anda akan terlihat lebih lelah dari sebelumnya.

plumber las vegas - site -
Wow!! this is a nice article ,as a staff Fantastic work. I read the entire article and i feel your experience in writing..All are good points.Thank you for all of you by giving such and such good article..! ..!!

plumberlasvegas - site -
I think this is an enlightening post and it is extremely valuable and proficient. along these lines, I might want to thank you for the endeavors you have made in composing this article.

plumber las vegas - site -
Wow!! this is a nice article ,as a staff Fantastic work. I read the entire article and i feel your experience in writing..All are good points.Thank you for all of you by giving such and such good article..! ..!!

plumber las vegas - site -
A good blog always comes-up with new and exciting information and while reading I have feel that this blog is really have all those quality that qualify a blog to be a one.I wanted to leave a little comment to support you and wish you a good continuation. Wishing you the best of luck for all your blogging efforts...! ..!

plumber las vegas - site -
Wow!! this is a nice article ,as a staff Fantastic work. I read the entire article and i feel your experience in writing..All are good points.Thank you for all of you by giving such and such good article..! ..!!

Umbrella company contractors - site -
Awesome article with incredible idea!Thank you for such an important article. I truly acknowledge for this awesome data..

Umbrella company contractors - site -
This is a really decent site post. Not very numerous individuals would really, the way you simply did. I am truly inspired that there is such a great amount of data about this subject have been revealed and you"ve put forth a valiant effort, with so much class. On the off chance that needed to know more about green smoke surveys, than by all methods come in and check our stuff

Umbrella company contractors - site -
Health insurance in Vietnam You're the best to share us about this redesign. Trust you won't get tired on making posts as enlightening as this

visit the store on Sansom St. - site -
Your site is truly cool and this is an awesome rousing article. Much obliged to you to such an extent..!

visit the store on Sansom St. - site -
Your site is truly cool and this is an awesome rousing article. Much obliged to you to such an extent..!

visit the store on Sansom St. - site -
Truly an extraordinary expansion. I have perused this wonderful post. A debt of gratitude is in order for sharing data about it. I truly like that. Much obliged so part for your meet..

visit the store on Sansom St. - site -
Truly an extraordinary expansion. I have perused this wonderful post. A debt of gratitude is in order for sharing data about it. I truly like that. Much obliged so part for your meet..!

visit the store on Sansom St. - site -
I just couldn't leave your site before letting you know that I really appreciated the top quality information you present to your guests? Will be back again as often as possible to determine the status of new posts...!

visit the store on Sansom St. - site -
Much obliged such a great amount for this data. I need to tell you I agree on a few of the focuses you make here and others may require some further audit, however I can see your perspective..!.

https://daycones.tumblr.com/post/161373251108/perlunya-perawatan-kulit-secara-teratur - site -
Kulit putih dan bersih kini tidak hanya ada dalam impian, Anda bisa mewujudkannya dengan merawat kulit tersebut dengan baik. Dipastikan jika Anda melakukan hal tersebut, kulit yang Anda inginkan akan Anda miliki.

https://daycones.tumblr.com/post/161638371213/asyiknya-nonton-motogp - site -
Asyiknya menonton motogp secara langsung adalah Anda bisa merasakan ketegangan yang dirasakan di sana. Dan hal tersebut akan membuat Anda seperti yang sedang bertanding.

https://daycones.tumblr.com/post/161722029163/kriteria-pembalap-motogp - site -
Kriteria yang harusnya dimiliki oleh seorang pembalap haruslah baik untuk dirinya dan orang lain. Kriteria seorang pembalap sunggulah dibutuhkan.

https://coconuths.tumblr.com/post/161798168102/info-dan-tips-kecantikan-2017 - site -
Jangan lewatkan info yang akan membuat Anda tergucang. Bagaimana bisa? Karena info tersebut berisi tentang kecantikan.

https://thesealofoblivion.wordpress.com/2017/06/22/rahasia-kecantikan-wanita-asia/ - site -
Bacalah dengan seksama berbagai rahasia - rahasia kecantikan wanita asia. Bisa saja Anda melakukan atau menerapkan hal tersebut di rumah. Wajah cantik seperti orang asia pun dapat Anda dapatkan.

fireplace - site -
interesting post! Thanks for Share Unique and Useful knowledge with us.

http://forum.lensaproperti.com/lounge/kaos-distro-terbaru-lengan-panjang-t173.html - site -
Kaos mudah didapatkan. Karena banyak dari para penjual menjual kaos dibandingkan yang lain. Mengapa? Karena kaos sangat dibutuhkan.

https://moodle.org/mod/forum/discuss.php?d=354843 - site -
Kaos jika digunakan disaat santai, sudah biasa kita lihat. Bagaimana dengan kaos biasa diperpadukan dengan berbagai macam pilihan pakaian? Tentu akan membuat Anda penasaran bukan? Ya, itu adalah kelebihan dari sebuah kaos.

http://indo.mt5.com/showthread.php?41733-kaos-distro-terbaru-2017 - site -
Kaos distro memiliki banyak sekali macam gambar dan tulisan yang bervariasi. Itu mengapa banyak sekali dari para remaja sangat menyukainya. Karena desainnya yang begitu bagus.

https://moodle.org/mod/forum/discuss.php?d=354907 - site -
Jangankan hanya baju. Bedak, minyak dan perlengkapan bayi yang lainnya sangat dibutuhkan. Apalagi jika perlengkapan tersebut diberikan kepada bayi yang baru lahir atau seseorang yang baru saja melahirkan.

http://forum.lensaproperti.com/lounge/perlengkapan-bayi-baru-lahir-murah-t174.html - site -
Memenuhi segala sesuatu untuk sang anak memang tak membuat para orang tua jerah. Tetapi, jangan sampai Anda salah pilih untuk kebutuhannya.

http://indo.mt5.com/showthread.php?41743-Perlengkapan-Bayi-Baru-Lahir - site -
Sebagai orang tua yang cerdas, Anda harus pandai-pandainya memilih segala sesuatunya untuk sang anak. Terutama untuk bayi yang baru lahir dalam kehidupan keluarga kecil Anda.

https://thesedirtyknees.wordpress.com/2017/07/14/teknik-mengecat-motor/ - site -
Untuk mengecat motor ada ketelitian tersendiri dalam mengerjakannya. Jika sembarang mengecatnya akan dapat merusak sesuatu dalam motor tersebut.

http://dabelpin.blogspot.co.id/2017/07/tips-jitu-mengecat-sepeda-motor-anda.html - site -
Warna pada motor jika sudah pudar, dapat dicat. Mengecat dengan tips jitu akan membantu mengerjakannya. Yang diperlukan hanya membaca bagaimana cara-caranya.

https://thesedirtyknees.wordpress.com/2017/07/17/teknik-membuat-motor-drag-2017/ - site -
Motor drag hanya bisa dimodifikasi jika sudah mengetahui langkah-langkahnya. Ada beberapa benda yang dipakai, ada yang beberapa benda dibuat untuk menghiasi motor tersebut.

http://dabelpin.blogspot.com/2017/07/berbagai-motor-di-berbagai-dunia-ini.html - site -
Kreativitas para remaja masa kini tak akan pernah hilang. Mereka akan sering memodifikasikan segala sesuatunya dengan kreativitas mereka. Terutama untuk motor.

https://theshellcasealliance.wordpress.com/ - site -
kaos trendi sangat disukai oleh para remaja. Jangan heran jika kaos yang dimaksud adalah kaos distro.

Walmart Credit Card login - site -
Walmart Credit Card login Walmart is the biggest store in the United States and has hundreds of branches across the globe. Walmart store offers its customers very friendly, flexible purchase experience anywhere anytime

http://blog.unpatti.ac.id/belajarcara/seluk-beluk-motor-drag-2017/ - site -
Mulailah sesuatu yang baru. Mungkin saja hal itu dapat membuat segala sesuatunya menjadi berkah dan bermanfaat untuk ke depannya.

Dung - site -
Wow!! this is a nice article ,as a staff Fantastic work. I read the entire article and i feel your experience in writing..All are good points.Thank you for all of you by giving such and such good article..! ..!!

http://www.robertporterhouse.com/merawat-kecantikan-secara-alami/ - site -
Kesehatan dan kebersihan kulit wajah memang harus dirawat. Jika tidak, akan terjadi pemesalahan wajah yang mungkin tidak bisa dibayangkan sebelumnya.

http://blog.unpatti.ac.id/belajarcara/tampil-cantik-dengan-perawatan-alami/ - site -
Jagalah dan rawatlah kecantikan yang telah dimiliki. Itu merupakan hal yang penting dan jangan sampai terlupa.

http://exre.org/tips-sakti-mengecat-motor-sendiri/ - site -
jangan sia-siakan sesuatu yang mestinya dibutuhkan menjadi tidak dibutuhkan. suatu barang atau benda pastinya sangat penting untuk ke depannya.

https://thescarlettletterbox.wordpress.com/2017/09/01/naluri-wanita-agar-tampil-cantik/ - site -
naluri seorang wanita mengenai kecantikan pastinya ada dan pastinya dimiliki. jadi jangan remehkan hal itu.

https://thesecretallotment.wordpress.com/2017/09/04/balapan-ala-motogp/ -
sebuah pertandingan atau perlombaan atau kejuaraan pastinya membuat hati seseorang yang menontonnya menjadi berdebar. karena apa? karena penasaran dengan hasil akhirnya.

https://thesecretallotment.wordpress.com/2017/09/04/balapan-ala-motogp/ - site -
sebuah pertandingan atau perlombaan atau kejuaraan pastinya membuat hati seseorang yang menontonnya menjadi berdebar. karena apa? karena penasaran dengan hasil akhirnya.

https://thesecretallotment.wordpress.com/2017/09/04/balapan-ala-motogp/ - site -
balapan ala motogp itu menegangkan dan mengasyikan. mengapa bisa? karena balapan ala motogp itu memiliki sensasi yang luarbiasa.

http://www.robertporterhouse.com/antara-motogp-dan-balapan-f1/ - site -
menegangkan. seru. penasaran. terkejut. bercampur jadi satu saat melihat atau menonton pertandingan yang ditunggu-tunggu. atmosfir akan berubah seketika.

http://exre.org/sekilas-tentang-valentino-rossi/ - site -
kenangan atau kilas balik dari seseorang yang sukses akan membantu diri ini menjadi termotivasi dengan kerja kerasnya selama ini. dan itu sangat patut untuk dicontoh.

http://blog.unpatti.ac.id/belajarcara/mengenal-kaos-distro/ - site -
pakaian mulai berkembang dengan sangat pesat. entah dari bentuk, variasi, ukuran dan yang lainnya. semua hal tersebut akan berkembang pesat sesuai dengan zaman.

http://robbg.me/tips-perawatan-kecantikan-kulit/ - site -
perawatan kulit dibutuhkan untuk membersihkan diri dari noda atau debu, dan juga bisa membersihkan penyakit yang mungkin saja akan menyerang.

https://theseventytwo.wordpress.com/2017/09/14/mengapa-kecantikan-harus-dijaga/ - site -
kecantikan seorang wanita indonesia sangat khas. berasal dari mata, hidung, dan lain sebagainya. untuk menjaga kecantikan tersebut merupakan hal yang bisa dilakukan untuk semua wanita.

http://graffiticomics.blogspot.com/2017/09/jenis-perawatan-kecantikan-dan.html - site -
kulit rentan terhadap apa saja, apalagi jika terhadap debu. segera basuh wajah jika sudah berpergian di suatu tempat.

https://lifeonthreesides.wordpress.com/2017/10/04/tips-cantik-memutihkan-wajah/ - site -
memutihkan wajah tak sesuah atau sesulit yang dipikirkan. hanya perlu melakukan yang baik dan bermanfaat untuk melakukan perawatannya.

https://anothersteptobe.blogspot.com/2017/10/perawatan-kecantikan-untik-mencegah.html - site -
penuaan dini itu bisa dicegah. cara mencegahnya pun tak sulit, justru bisa dilakukan dimanapun dan kapanpun.

https://thesamanthadaily.blogspot.co.id/2017/10/trik-ampuh-mengecat-motor-yang-benar.html - site -
mengecat motor itu sebenarnya mudah untuk dilakukan, hanya saja ada beberapa yang sulit dilakukan.

https://thehumanleague.wordpress.com/2017/10/14/mengecat-motor-dengan-pilox/ - site -
mengecat menggunakan pilox sebenarnya mudah, tetapi bagi beberapa orang ada yang mengatakan hal tersebut cukup sulit dilakukan. itu tergantung dari pendapat masing-masing.

https://thehumanleague.wordpress.com/2017/10/14/teknik-mengecat-motor-vespa/ - site -
kesabaran dan ketelitian harus dimiliki jika akan mengecat motor. jika tak memiliki kesabaran dan ketelitian yang cukup, hasilnya akan kurang dari yang diinginkan.

https://dbwenyajourney.blogspot.com/2017/10/tips-mudah-untuk-merias-wajah.html - site -
merias memiliki manfaat bagi kecantikan wajah. merias juga dapat menutupi dan mengurangi masalah pada wajah yang dimiliki. ya, itulah salah satu kelebihan dari merias.

https://dbwenyajourney.blogspot.com/2017/10/mempercantik-diri-dengan-riasan-alami.html - site -
riasan sebenarnya tak hanya dilakukan saat akan menghadiri acara penting saja, namun saat melakukan aktivitas disekitar rumah juga bisa. riasan natural bisa dilakukan.

https://theselaways.wordpress.com/2017/10/20/percaya-dengan-motor-honda/ - site -
motor honda terpercaya. itulah sebabnya mengapa banyak sekali dari mereka memilih dan mengendarai motor honda. honda juga irit dalam setiap pemakaian bahan bakar.

https://theselaways.wordpress.com/2017/10/20/produk-honda-dan-variannya/ - site -
produk yang selalu dikeluarkan atau diluncurkan oleh honda memang selalu terbaik. honda tak akan mau untuk membuat para pecintanya atau para penunggu produknya merasa kecewa. honda akan selalu memberikan yang terbaik.

http://grindhousemovie.blogspot.com/2017/10/motor-drag.html - site -
motor drag. motor yang selalu dikaitkan dengan motor balap jalanan. ya, itu memang benar adanya. motor drag diciptakan untuk hal tersebut, tetapi tak hanya itu saja. motor drah biasanya termasuk dalam komunitas motor.

http://grindhousemovie.blogspot.com/2017/10/sekilas-tentang-motor-drag.html - site -
sekilas mengenal motor drag akan membuat penasaran siapa saja yang melihatnya. bagaimana cara membuatnya, apa saja yang perlu disiapkan, apa saja keunggulannya dan masih banyak lagi yang akan diketahui nantinya.

https://lcfairor.wordpress.com/2017/10/27/pola-hidup-sehat-wanita-cantik/ - site -
tubuh menjadi kurang sehat itu dikarenakan pola hidup sehat yang dijalani masih kurang, masih ada beberapa hal yang kurang yang masih belum diperhatikan saat menerapkan pola hidup sehat. semua pola hidup sehat sebaiknya diterapkan agar tubuh menjadi lebih sehat.

https://lcfairor.wordpress.com/2017/10/26/cara-hidup-sehat-wanita-modern/ - site -
jangan sampai terserang virus dan bakteri, karena jika sampai terkena tubuh akan menjadi kurang sehat dan mudah lelah. jagalah kesehatan agar tak mudah sakit.

https://suigeneris1971.wordpress.com/2017/11/03/resep-tubuh-ideal-wanita-indonesia/ - site -
menahan lapar saat melakukan diet adalah cara yang kurang tepat. bisa berbahaya jika sampai tak makan, terlebih lagi jika sampai lupa. makan adalah kebutuhan yang paling penting meski sedang melakukan proses diet.

https://suigeneris1971.wordpress.com/2017/11/03/cara-cepat-mendapatkan-tubuh-langsing/ - site -
mendapatkan tubuh langsing bisa dilakukan. caranya pun berbagai macam variasi, ada yang mudah dan ada yang susah. cara tersebut bisa dipilih dan dipilah mana yang akan nantinya benar untuk dilakukan.

https://theseventytwo.wordpress.com/2017/11/16/macam-macam-gendongan-bayi/ - site -
berbicara mengenai bayi, pastinya keperluan dan peralatan yang akan dibutuhkan nantinya harus dipenuhi dan harus ada. karena jika sampai tak terpenuhi, bisa membuat kerepotan nantinya.

http://robbg.me/percantik-diri-dengan-jam-tangan-unik/ - site -
jam tangan selain digunakan untuk melihat waktu atau pukul berapa sekarang, jam juga bisa digunakan sebagai aksesoris tangan yang sangat apik nan menarik.

http://theseventytwo.wordpress.com/2017/11/25/jenis-jam-tangan-pria/ - site -
jam tangan pria sering terlihat digunakan untuk pria dan juga wanita. wanita? ya, wanita. ada beberapa wanita yang juga menggunakannya. tetapi banyak dari mereka yang menggunakannya adalah seorang pria.

RizkiFahrexy - site -
Thanks for the information, very useful
I am very glad to have gotten very useful information
best regards and thanks

obat kencing nanah
obat penghilang kudis
obat tipes
obat nyeri panggul
obat herbal tetanus

tutuapp - site -
This app store uses all the paid applications, games, styles as well as emulators free of charge. You can download them your iOS gadget without Jailbreaking.

uno dare list - site -
Very Nice and good information great job thank you for sharing

adhesive breast lift  - site -
Really i appreciate the effort you made to share the knowledge.The topic here i found was really effective to the topic which i was researching for a long time

1xbet - site -
I truly thank you for the significant data on this incredible subject and anticipate more awesome posts. You're the best to enjoy this excellence article with me. I am welcoming it all that much! Anticipating another awesome article. Good fortunes to the creator! All the best!

cheap post card printing - site -
It is easy to start wondering about the viability of using post cards in a marketing campaign when you clearly have other options available.

adhesive breast lifts - site -
That is a good idea, I am very happy to read this article. I think this is the best impression. I am going to do something after read.Many thanks for revealing useful information.It's really good.

Bangalore Escorts - site -
Excellent article. Very interesting to read. I really love to read such a nice article. Thanks! keep rocking.

Obat Sakit Pinggang, Paha, Betis Sampai Telapak kaki - site -
very interesting information, I really like it because it can add insight for me more broadly, thank you very much for this extraordinary information

13 Cara Ampuh Hilangkan Bercak Putih Di Wajah Dengan Bahan Alami - site -
very interesting information, I really like it because it can add insight for me more broadly, thank you very much for this extraordinary information

GupShupChatRoom - site -
Awesome article...

http://www.gupshupchatroom.com/pakistani-chat-room

paper writing services - site -
I appreciate you sharing this blog article.Really thank you! Really Great.

paper writing service - site -
Your website is really cool and this is a great inspiring article. Thank you so much.

research paper writing service - site -
I recently came across your blog and have been reading along. I thought I would leave my first comment. I don’t know what to say except that I have enjoyed reading. Nice blog, I will keep visiting this blog very often.

paper writing service - site -
Heya i am for the primary time here. I came across this board and I in finding It really useful & it helped me out much. I hope to present something again and aid others such as you helped me.

buy cbd - site -
I seriously appreciate this short article post.Much thanks again.I am therefore thankful for the website post.Really looking towards read more. Really Great.Thank you

do my HW - site -
Thanks again for this article post.Really thanks! Hold writing.Im obliged for the website article.Really getting excited about read more.Looking ahead to studying more. Great blog post.

bitcoin - site -
Hey! Much obliged for the considerable data you havr gave! You have touched on crucuial focuses!

research paper writing service - site -
Liked every bit of one's blog article. Significantly obliged.I actually enjoy the blog.Really getting excited about study more. Hold writing.Thanks for sharing

assignment help au - site -
I am a new user of this site so here i saw multiple articles and posts posted by this site,I curious more interest in some of them hope you will give more information on this topics in your next articles.

research paper writing service - site -
I can't thank you enough for the blog.Really thanks! Fantastic.I enjoy you sharing this website post.Really getting excited about study more. Great..

paper writing service - site -
Thanks for sharing the post.. parents are worlds best person in each lives of individual..they need or must succeed to sustain needs of the family.

bord-eaux.com/backyard-landscaping-designs - site -
Pretty nice post. I just stumbled upon your weblog and wanted to say that I have really enjoyed browsing your blog posts. After all Ill be subscribing to your feed and I hope you write again soon!

belly dancer for party - site -
Great website article.Really thank you! Awesome.Thanks-a-mundo for the website post.Thanks Again. Awesome.

FS 19 mods - site -
I value the blog article.Really thank you! Much obliged.

Account Based Marketing - site -
Great post full of useful tips! My site is fairly new and I am also having a hard time getting my readers to leave comments. Analytics shows they are coming to the site but I have a feeling ?nobody wants to be first?.

ABM Marketing - site -
Thanks for sharing nice information with us. i like your post and all you share with us is uptodate and quite informative. i would like to bookmark the page so i can come here again to read you. as you have done a wonderful job.

Bitcoin news today - site -
Thanks for sharing nice information with us. i like your post and all you share with us is uptodate and quite informative. i would like to bookmark the page so i can come here again to read you. as you have done a wonderful job.

numero de voyance gratuite - site -
I want to get across my affection for your kind-heartedness for men and women who should have help with this important field. Your very own commitment to passing the message across came to be definitely practical and has always permitted individuals just like me to arrive at their objectives.

male extra coupon code - site -
Great post I would like to thank you for the efforts you have made in writing this interesting and knowledgeable article.

contohsimpel - site -
Great blog.Really looking forward to read more. Cool.

cbd - site -
A round of applause for the blog article.Really thanks! Want more.Awesome post.Really getting excited about study more. Need more.I enjoy and appreciate your blog post.Much thanks again.

cheap essay - site -
Thanks for making such a cool post which is really very well written. Will be referring a lot of friends about this. Keep blogging.

cheapwritingservice review - site -
Thanks for the post and great tips..even I also think that hard work is the most important aspect of getting success..

mobile betting - site -
I admit, I have not been on this web page in a long time... however it was another joy to see It is such an important topic and ignored by so many, even professionals. I thank you to help making people more aware of possible issues.

Guitar Lessons London - site -
Very neat report post.Much thanks again. Keep writing.Thank you for the article post.Really getting excited about study more. Really Cool.I love and appreciate your post.Thanks Again. Really Great!

rock guitar lessons london - site -
Really looking towards study more. Hold writing.I really benefit from the post.Much thanks again. Fantastic.Thank you for your website article.Really thank you! Actually Great.

online cpr - site -
Much obliged for setting aside an ideal opportunity to examine this, I feel emphatically about it and affection adapting more on this theme.

firefighter patches - site -
We do custom patches, embroidered patches, printed patches, custom Velcro patches, clothing labels, PVC patches, custom leather patches, custom keychains, and other promotional products. Following is an overview of our products.

Mundonoticias247.com - site -
Positive site, where did u come up with the information on this posting? I'm pleased I discovered it though, ill be checking back soon to find out what additional posts you include.

piano teacher in London - site -
Lots of thanks for this post.I think it is a very good post. It helps us many away. So many many thanks for this article.

London singing lessons - site -
Thanks for taking the time to discuss this. I feel strongly about it and love learning more on this topic.

custom patch maker - site -
We do custom patches, embroidered patches, printed patches,
custom Velcro patches, clothing labels, PVC patches, custom leather patches,
custom keychains, and other promotional products. Following is an overview of our products.

chung cư đại kim - site -
Significant thankies for the blog.Much thanks again. Great.Really enjoyed that post.Thanks Again. Great.Very cool article. Awesome.Great, thanks for discussing this article post.Really thank you! Keep writing.I liked your blog post.Thanks Again. Great.

http://propeciakaufen.angelfire.com/ - site -
Getting excited about reading more. Great post. Actually looking forward to study more. Keep writing. I do believe this can be a true good post. Actually getting excited about study more. Really Cool. Really recognize you discussing this information post. Actually getting excited about read more. Really Great.

home doctor - site -
We do custom patches, embroidered patches, printed patches, custom Velcro patches, clothing labels, PVC patches, custom leather patches, custom keychains, and other promotional products. Following is an overview of our products.

Tattoo Artist - site -
I wanted to thank you for this excellent read!! I definitely loved every little bit of it. I have you bookmarked your site to check out the new stuff you post.

2 week diet - site -
Major thankies for the blog.Much thanks again. Great.Really liked that post.Thanks Again. Great.Very nice article. Awesome.

kamalcargo packers and movers in Thane - site -
Kamal Cargo Packers and Movers in thane are expertise in Industrial transportation and packing services, Industries & office relocation. Household goods transportation services too. As per client need we offer cargo transportation services, commercial goods transportation services, heavy machinery transportation services.

Escort USA - site -
Washington DC escorts - Internet’s #1 escort directory in Washington, find escorts, agencies and sex massage services that suit your needs. Escort Washington DC.

Escorts in Beirut - site -
Beirut Escorts Girls, Lebanese Escorts Escorts Lebanon Service & Beirut Escorts Service , the Best service of Escorts girls in Beirut Lebanon , we have specials and Beautifull Escorts Girls in Beirut Lebanon, We believe best Girls in Beirut Lebanon. Our service we Have best Models give full services of clients OWO , 69, COB, GFE, BJ, Full Body Massage, Lingerie ,Fetish, Foot Fetish ... . Beirut Escorts Girls its the best website in lebanon give you Specials Models 24/7 call anytime

lan messenger - site -
LAN Messenger is a free and open source cross-platform instant messaging application for communication over a local network. It does not require a server. A number of useful features including event notifications, fiile transfer and message logging are provided. Currently the platforms supported are Windows, Mac and Linux.

voyance par telephone - site -
With voyance-retour-amour.com, you can access to an ancient knowledge which will permit you to see the future and discover what will happen for love, work, family and projects. Voyance par telephone 0892 22 20 33 ; a fortune teller is always here to receive your call and your questions. She will tell you all that you need to know. Thanks to this quality service, you will get back confidence and hope of a better life.

shreedurgapg - site -
PG accommodation provides a comfort stay, and you can get complete rest. Finding the good pg can be a challenging task sometimes, but it is not an impossible task. There are some important points that you must remember while seeking for boys pg in Gurgaon.

recover formatted hard drive - site -
Free data recovery software to recover deleted or lost data from any hard drive or device.

Ajouter votre commentaire