Discussion :

[Temjeh3]

Bonjour et merci d'avance.

J'ai ce code sous bouton assez basique :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<p><a
href="http://www.blablabla.htm"
target="Bottom Frame"><font color="#000000" size="5"><img
src="thumbnails/im1.jpeg"
border="0" width="40" height="40"></font></a></p>

J'ai beaucoup de boutons semblables dans ma page qui ouvre dans frame du bas.
L'adresse blablabla est sujette à changer sous plusieurs boutons.

Étant donné que juste moi peut les changer, voici ma requête :
Y a-t-il moyen que le bouton lise l'adresse dans un fichier .TXT pour que tout le monde puisse modifier par eux-même.

Merci de votre temps,

Temjeh

[SpaceFrog]

avec une requete ajax ce serait possible, mais le fichier texte devra être sur le serveur ...

[Temjeh3]

Bonjour et merci

Parfait je peut le mettre sur le serveur

Si mon site est interne et que je met le fichier TXT dans le même dossier?

Aussi je pensais comme les XML ou on peut changer la couleur et d'autre détail de notre page

Temjeh

[SylvainPV]

Plutôt qu'un TXT avec un format indéfini, utilise un fichier JSON: tu as juste à appeler un JSON.parse() et hop tu as ton objet JavaScript exploitable avec tout le contenu à l'intérieur. Si tu utilises jQuery, c'est encore plus simple, la méthode $.getJSON charge le fichier en AJAX et l'interprète pour te renvoyer l'objet directement utilisable. Bon, tu peux aussi utiliser XML mais je trouve ça personnellement plus lourd et moins pratique.

[Temjeh3]

Merci beaucoup pour l'info

Mais as-tu un bout de code ? Je suis nul en cette programmation.
Je programme juste en VBA

Merci de ton temps

[SylvainPV]

Admettons que tu as un fichier links.json dans le même répertoire que la page web avec ce contenu:

Code json :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
{
links: [
    {url: "http://www.blablabla.htm", thumbnail: "thumbnails/im1.jpeg", title: "Site Blabla1" },
    {url: "http://www.blablabla2.htm", thumbnail: "thumbnails/im2.jpeg", title: "Site Blabla2" }
]
}

Admettons que tu utilises la bibliothèque jQuery (pas obligatoire, mais simplifie le code):

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
$.getJSON("links.json", function(data){
     var links = data.links; //tu as ton Array de liens disponibles ici
     ajouterLiensAuDocument(links);
});

Pour ajouter les liens au document, tu peux soit le faire manuellement en JavaScript, par exemple:

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
function ajouterLiensAuDocument(links){
 
var htmlLiens = "";
links.forEach(function(link){
  htmlLiens += '<p><a href="'+link.url+'" title="'+link.title+'" target="Bottom Frame"><img src="'+link.thumbnail+'" border="0" width="40" height="40"></a></p>';
});
}
 
var conteneur = document.body; //tu peux remplacer par un autre élément pour déterminer où ajouter les liens
conteneur.innerHTML += htmlLiens;
}

ou alors pour te simplifier la génération du HTML, utiliser une bibliothèque de templating: http://sylvainpv.developpez.com/tuto...lating-client/

[Temjeh3]

Merci Sylvain

Parfait j'essais de l'incorporer à ma page

A+

Temjeh