Ouvrir url par concaténation A + B dans une iframe

Version imprimable

Bonjour,

J'ai un script permettant de faire ce que je souhaite faire, mais le window.location fait qu'il s'ouvre dans une nouvelle page...

Quelqu'un peut-il m'aider à adapter ce script pour qu'il s'ouvre dans une div avec un iframe, selon le meme principe A + B

A titre d'exemple, voici :
Code:

1 2 3 4 5 6 7 8 9 10 11 <a href='https://www.developpez.net/forums/' onClick='return essai(this , "f1282/club-professionnels-informatique/actualites/" )'>Actualités</a> <script> function essai(obj, get_cid) { var href = obj.href; console.log(href, get_cid); window.location = obj.href+get_cid return false; } </script>
Merci à ceux qui pourront me venir en aide !

Pouquoi le return false ?

Code:

1
2
3
4
5
6
7
8
9
 
<a href='https://www.developpez.net/forums/' onclick='essai(this , "f1282/club-professionnels-informatique/actualites/" )'>Actualités</a>
 
<script>
function essai(obj, get_cid)
{
    var href = obj.href;
    self.location.href= obj.href+get_cid;
}

Et si ça s'ouvre dans une nouvelle fenêtre c'est dû à un paramétrage du navigateur ou a un target

pour ouvrir une nouvelle fenetre:

Code:

1
2
3
4
5
function essai(obj, get_cid)
{
    var href = obj.href;
    window.open("obj.href+get_cid");
}

Code:

1
2
3
4
5
6
7
8
9
10
 
<a href='https://www.developpez.net/forums/' onmousedown='essai(this , "f1282/club-professionnels-informatique/actualites/" )'>Actualités</a>
 
<script>
function essai(obj, get_cid)
{
    var href = obj.href;
   obj.href= obj.href+get_cid;
 
}

Pour un iframe:

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<a href='https://www.developpez.net/forums/' onclick='essai(this , "f1282/club-professionnels-informatique/actualites/" )'>Actualités</a>
<iframe id="moniframe"></iframe>
 
 
<script>
function essai(obj, get_cid)
{
    var href = obj.href;
  document.getElementById('moniframe').src=obj.href+get_cid;
}

09/01/2018, 09h02
samsam06

Bonjour et merci beaucoup pour votre réponse plutot bien expliquée et facile à comprendre pour un novice comme moi ! :lol:

J'ai pu tester les 4 mais malheureusement tous s'ouvraient dans un nouvel onglet et ne prenaient pas en compte le get_cid (ils ouvraient A, mais pas A + B)

Si vous avez d'autres idées, n'hésitez pas, mais j'ai l'impression que ca ne marchera pas avec A + B en "interne", ça partira toujours en externe :(

Je continue évidemment à chercher de mon côté via Google vu que je n'y connais pas grand chose, j'espere avoir de la chance ! ^^"

Sam

PS : Le return false avait une alert box avant que je ne le modifie, au dessus de lui, j'ai simplement pas osé l'enlever ^^"

Code:

1
2
3
4
5
6
7
8
9
10
11
<a href='https://www.developpez.net/forums/' onclick='return essai(this , "f1282/club-professionnels-informatique/actualites/" )'>Actualités</a>
<iframe id="moniframe"></iframe>
 
 
<script>
function essai(obj, get_cid)
{
    var href = obj.href;
  document.getElementById('moniframe').src=obj.href+get_cid;
return false;
}

09/01/2018, 09h30
samsam06

Un grand MERCI à SpaceFrog car ça marche ! Je suis sur que tu n'aura pas aidé que moi avec ce dilemme, donc chapeau l'artiste !! Résolu ! :D

Remarques :

- Ne semble fonctionner qu'avec <a>

Code:

1
2
3
4
5
6
7
8
9
10
11
<input type="button" data-href='https://www.developpez.net/forums/f1282/club-professionnels-informatique/actualites/' onclick='essai(this)' value="Actualités" />
<iframe id="moniframe"></iframe>
 
 
<script>
function essai(obj)
{
    var href = obj.getAttribute('data-href');
  document.getElementById('moniframe').src=href;
 
}

Code:

1
2
3
4
5
6
7
8
9
10
<input type="button" data-href='https://www.developpez.net/forums/' data-cid='f1282/club-professionnels-informatique/actualites/' onclick='essai(this)' value="Actualités" />
<iframe id="moniframe"></iframe>
 
 
<script>
function essai(obj)
{
    var href = obj.getAttribute('data-href');
    var cid= obj.getAttribute('data-cid');
  document.getElementById('moniframe').src=href+cid;

Code:

1
2
3
4
5
6
<script type="text/javascript">
fichier = { "actu": "f1282/club-professionnels-informatique/actualites/",
              "autre": " autre lien"
          };
 
</script>

Code:

1
2
3
 
<input type="button" data-href='https://www.developpez.net/forums/' data-cid='actu' onclick='essai(this)' value="Actualités" />
<iframe id="moniframe"></iframe>

Code:

1
2
3
4
5
6
function essai(obj)
{
    var href = obj.getAttribute('data-href');
  document.getElementById('moniframe').src=href+ fichier.actu;
 
}

L'intégration json : exemple

Mon fichier .js contient :

Code:

1
2
3
4
5
fichier = { "test": { "root":"https://www.youtube.com/",
                      "cid": "watch?v=rJesac0_Ftw"},
              "autre": { "root":"autre root",
                      "cid": "autre cid"}
          };

Il est stocké ici : https://github.io/compte/fichier.js

Je l'appelle :

Code:

<script type="text/javascript" src="https://github.io/compte/fichier.js"></script>

Puis je forme la page :

Code:

1
2
<input type="button" data-cid='test' onclick='essai(this)' value="Youtube" />
<iframe id="spacefrog" width="80%" height="500" allowfullscreen=allowfullscreen scrolling="no" frameborder="0"></iframe>

Et enfin la fonction :

Code:

1
2
3
4
5
6
7
<script>
function essai(obj)
{
    var ref = obj.getAttribute('data-cid');
  document.getElementById('spacefrog').src=fichier[ref].root + fichier[ref].cid;
}
</script>