popup avec du javascript

**bob737** · 05/01/2012, 19h41

Bonjour

Désolé pour le titre mais ce n'est pas simple à formuler.

Openrunner me propose d'afficher un graphe sur mon site avec le code suivant:

Code html :

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

<script type="text/javascript" src="http://www.openrunner.com/orservice/inorser-script.php?key=mykey&amp;ser=S02&amp;id=1387642&amp;w=700&amp;hp=350&amp;k=5&amp;c=0&amp;ts=1325717082"></script>

Or, sur mon site, je ne souhaite pas un affichage direct du graphe mais un lien (href?) qui ouvre un onglet sur ce graphe.
Comment faire?

J'ai déjà essayé

Code html :

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

<a href="http://www.openrunner.com/orservice/inorser-script.php?key=mykey&amp;ser=S02&amp;id=1387642&amp;w=700&amp;hp=350&amp;k=5&amp;c=0&amp;ts=1325717082" target="_blank">voir le graphe</a>

mais ça ne marche pas...j'ai le message suivant:

Code javascript :

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

document.write('<iframe id="3b170ea8b47d4b3b98307a759cc5ebb58eb58622" width="700" height="495" src="http://export.openrunner.com/orservice/inorser.php?tlh='+window.location.host+'&t=3b170ea8b47d4b3b98307a759cc5ebb58eb58622" frameborder="0" scrolling="no" type="text/html"></iframe>');

Merci de votre aide!

**Macmillenium** · 05/01/2012, 22h14

Code :

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

http://export.openrunner.com/orservice/inorser.php?tlh='+window.location.host+'&t=3b170ea8b47d4b3b98307a759cc5ebb58eb58622

**bob737** · 05/01/2012, 22h57

Envoyé par Macmillenium

Code :

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

http://export.openrunner.com/orservice/inorser.php?tlh='+window.location.host+'&t=3b170ea8b47d4b3b98307a759cc5ebb58eb58622

merci mais ça fonctionne aléatoirement et puis cette URL ne m'est communiqué qu'une fois le message d'erreur affiché. J'ai 31 parcours à faire...

Je préférerais utiliser le code fourni par openrunner

**NoSmoking** · 05/01/2012, 23h51

Bonsoir,
le script crée une IFRAME en y intégrant l'URL, donc tu ne peux pas l'ouvrir tel quel dans un onglet.

Tu peux passer par un affichage/masquage dans ta page

exemple :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[Affichage/Masquage]</title>
<script type="text/javascript">
function swapCarte( obj, id){
  var oDiv = document.getElementById( id);
  obj.innerHTML = obj.innerHTML == 'Monter' ? 'Masquer' : 'Monter';
  oDiv.style.display = oDiv.offsetHeight ? 'none' : 'block';
  return false;
}
</script>
</head>
<body>
<a href="#" onclick="return swapCarte(this, 'carte')">Monter</a>
<div id="carte" style="display:none;">
<script type="text/javascript" src="http://www.openrunner.com/orservice/inorser-script.php?key=mykey&amp;ser=S02&amp;id=1387642&amp;w=700&amp;hp=350&amp;k=5&amp;c=0&amp;ts=1325717082"></script>
</div>
</body>
</html>

**bob737** · 06/01/2012, 00h18

whouaaa!! C'est beau!

Et je balance autant de fois ce code que j'ai de cartes? (31)

C'est possible de l'avoir en popup?

**NoSmoking** · 06/01/2012, 10h44

Et je balance autant de fois ce code que j'ai de cartes? (31)

la fonction est réutilisable en passant en paramètre les données qui changent.

C'est possible de l'avoir en popup?

cela pourrait donner cela

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[Ouverture Popup]</title>
<script type="text/javascript">
function openPopup( url){
  var oWin = window.open( '', 'TRACE', 'height=500, width=750');
  oWin.document.open();
  oWin.document.write('<script type="text/javascript" src="' +url +'"></s' +'cript>');
  oWin.document.close();
}
</script>
</head>
<body>
<a href="#" onclick="openPopup('http://www.openrunner.com/orservice/inorser-script.php?key=mykey&amp;ser=S02&amp;id=1387642&amp;w=700&amp;hp=350&amp;k=5&amp;c=0&amp;ts=1325717082')">Popup</a>
</body>
</html>

**bob737** · 06/01/2012, 20h38

Genial! Merci!

**NoSmoking** · 07/01/2012, 08h09

Envoyé par bob737

Genial! Merci!

il n'en demeure pas moins que le meilleur resterait de gérer cela coté serveur avec par exemple un appel à une page du type voirprofil.php?numero, et dans ce cas numero correspondrait à une url.

popup avec du javascript

Discussions similaires

Partager

Partager