Passage de variable, recherche piste.

**VirtualCed** · 30/07/2011, 18h07

Bonjour,

Je ne suis pas pro du tout en JS mais je dois permettre à des autres sites de pouvoir intégrer du contenu sur leur site en provenance du mien.

Le contenu à intégrer est dans le head de leur page, le chargement d'une css et d'un javascript et son initialisation. (Shadowbox).
Dans le contenu de la page, je dois intégrer du code html.
Alors j'ai créé deux javascripts que voici :

Code :

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

1
2
3
4
5
document.writeln("<link rel=\"stylesheet\" type=\"text/css\" href=\"http://www.vue-360.eu/remote/shadowbox.css\">");
document.writeln("<script type=\"text/javascript\" src=\"http://www.vue-360.eu/remote/shadowbox.js\"></script>");
document.writeln("<script type=\"text/javascript\">");
document.writeln("Shadowbox.init();");
document.writeln("</script>");

Code :

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

1
2
3
var codeurl = "galerie";
var title = "Galerie C...";
document.writeln("<a title=\""+title+"\" rel=\"shadowbox\" href=\"http://www.immographe.com/stock/"+codeurl+"\"><img src=\"http://www.immographe.com/stock/"+codeurl+"/miniature.jpg\"><br>"+title+"</a>");

Ainsi, le client aura une page du genre

Code :

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

1
2
3
4
5
6
7
8
9
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script language="javascript" type="text/javascript" SRC="http://www.vue-360.eu/remote/head360.js"></script>
</head>
<body>
<script language="javascript" type="text/javascript" SRC="http://www.vue-360.eu/remote/vue360-galerie.js"></script>
</body>
</html>

Le but étant d'intégrer le minimum de code chez le client dont les compétences en informatique sont souvent assez basique.

Je ne veux pas lui faire placer beaucoup plus que ce que j'ajoute déjà.

Seulement, je dois créer un fichier de type vue360-xxx.js par client.

J'aimerais trouver un moyen simple pour que l'appel javascript contienne un identifiant par exemple qui irait prendre les infos quelque part pour codeurl et title.
J'ai du PHP, du MySQL à ma dispo ou je sais pas quoi d'autre.

En fait, je n'ai aucune idée vers quoi me diriger pour avoir un contenu différent.

Je ne sais donc pas comment aller chercher les infos pour assigner aux variables, ni dans quoi, ni comment passer un identifiant dans l'appel du js.

Invité · 30/07/2011, 23h21

Envoyé par VirtualCed

je dois permettre à des autres sites de pouvoir intégrer du contenu sur leur site en provenance du mien.

Bonjour,
à mon avis, tu devrais faire comme youtube (par exemple) :
- tu gardes la page (affichergalerie.php) sur ton site,
- le site distant a juste à "intégrer" un petit code du style :

Code :

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

<iframe width="425" height="349" src="http://www.mon-site-a-moi.com/affichergalerie.php?id=2hgiMJu2CdM" frameborder="0" allowfullscreen></iframe>

**Willpower** · 31/07/2011, 01h34

Comme le dit jreaux62, une solution iframe semblerait plus adapté à ce que tu veux faire.

Pour l'identifiant(en gardant ta façon de faire) tu récupères l'id de ton utilisateur dans ta base de données et tu crées ton fichier .JS en.PHP avec un header adapté.

Code php :

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

1
2
3
4
5
6
<?php
	// fichier à interpréter en javascript
	header('Content-type: text/javascript');
	// exemple de code javascript généré en php
	echo "var user_id = " . $user_id . ";" ;
?>

**VirtualCed** · 31/07/2011, 07h52

Je me trompe peut-être mais je viens de tester ceci

Code :

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

1
2
3
4
5
<?php
header('Content-type: text/javascript');
$title = $_GET['title'];
echo "document.writeln(\\\"".$title."\\\");";
?>

appelé par un

Code :

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

1
2
3
<body>
<script language="javascript" type="text/javascript" SRC="http://www.vue-360.eu/remote/vue360.php?title=athus"></script>
</body>

Qui, si on est d'accord me génère un javascript contenant

Code :

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

document.writeln(\"athus\");

Mais pas page reste blanche

Dans Firebug, je vois bien le code généré, mais il ne s'affiche pas dans l'html

**Willpower** · 31/07/2011, 09h14

Envoyé par VirtualCed

Je me trompe peut-être mais je viens de tester ceci

Code :

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

1
2
3
4
5
<?php
header('Content-type: text/javascript');
$title = $_GET['title'];
echo "document.writeln(\\\"".$title."\\\");";
?>

appelé par un

Code :

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

1
2
3
<body>
<script language="javascript" type="text/javascript" SRC="http://www.vue-360.eu/remote/vue360.php?title=athus"></script>
</body>

Qui, si on est d'accord me génère un javascript contenant

Code :

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

document.writeln(\"athus\");

Mais pas page reste blanche

Dans Firebug, je vois bien le code généré, mais il ne s'affiche pas dans l'html

En même temps avec ce que tu nous montres, c'est normal que ça n'affiche rien.

Code :

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

document.writeln("athus");

Invité · 31/07/2011, 09h16

Bonjour, je pense qu'il y a confusion.
Oublie l'idée d'écrire du code dans la page du client.

Dans ma solution, on affiche une iframe.
A l'intérieur de l'iframe, c'est une page "complète" qui s'affiche.
Elle doit donc contenir toutes les balises html d'une page "classique" :

Code :

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

1
2
3
4
5
6
7
8
9
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script language="javascript" type="text/javascript" SRC="http://www.vue-360.eu/remote/head360.js"></script>
</head>
<body>
<script language="javascript" type="text/javascript" SRC="http://www.vue-360.eu/remote/vue360-galerie.js"></script>
</body>
</html>

Cette page sera construite à partir de l'instruction donnée au lien :

Code :

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

<iframe ... src="http://www.mon-site-a-moi.com/affichergalerie.php?id=xxxxx" ...></iframe>

- affichergalerie.php = page qui traite la demande (affiche la page)
- id = un identifiant servant à ... identifier (!) les données à afficher (en fonction du client).
Ces données peuvent être (par exemple) stockées en BdD et récupérée via l'id.
-OU on peut transmettre plusieurs paramètres :

Code :

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

<iframe ... src="http://www.mon-site-a-moi.com/affichergalerie.php?param1=xxxxx&amp;param2=yyyy&amp;param3=zzzz" ...></iframe>

**VirtualCed** · 31/07/2011, 09h26

Effectivement cela fonctionne.... c'était un \ de trop

Maintenant, l'iframe oui, pourquoi pas. Mais cela marche bien avec le javascript. Quel est l'intérêt de l'un par rapport à l'autre ?

cEd

Passage de variable, recherche piste.

JavaScript

Vue hybride

Discussions similaires

Partager

Partager