Comment sélectionner un lien et faire apparaître le site(du lien)dans une iframe
Fermé
Mipmo8
Messages postés
2
Date d'inscription
lundi 17 août 2020
Statut
Membre
Dernière intervention
19 août 2020
-
17 août 2020 à 14:53
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 - 19 août 2020 à 11:43
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 - 19 août 2020 à 11:43
A voir également:
- Comment sélectionner un lien et faire apparaître le site(du lien)dans une iframe
- Verifier un lien - Guide
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Aucune application permettant d'ouvrir ce lien n'a été trouvée - Forum Mobile
- Apparaitre hors ligne instagram - Guide
2 réponses
jordane45
Messages postés
38138
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 avril 2024
4 649
17 août 2020 à 16:54
17 août 2020 à 16:54
Bonjour,
Pour déclencher une action lors de la selection d'un élément dans une liste déroulante, penche toi sur le onchange
https://www.w3schools.com/jsref/event_onchange.asp
Et ensuite, tu peux modifier le src de l'iframe
https://www.w3schools.com/jsref/prop_frame_src.asp
NB: J'ai déplacé ta question dans le forum adapté..... javascript.
Merci d'y penser à l'avenir.
NB²: ici on ne fourni pas de code à la demande, si mes réponses ne te suffisent pas, reviens nous voir avec le code que tu auras essayé de réaliser pour qu'on essai de te le corriger.
NB3: pour poster du code sur le forum, tu devras avant aller lire ( entièrement !! ) ce tuto
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Pour déclencher une action lors de la selection d'un élément dans une liste déroulante, penche toi sur le onchange
https://www.w3schools.com/jsref/event_onchange.asp
Et ensuite, tu peux modifier le src de l'iframe
https://www.w3schools.com/jsref/prop_frame_src.asp
NB: J'ai déplacé ta question dans le forum adapté..... javascript.
Merci d'y penser à l'avenir.
NB²: ici on ne fourni pas de code à la demande, si mes réponses ne te suffisent pas, reviens nous voir avec le code que tu auras essayé de réaliser pour qu'on essai de te le corriger.
NB3: pour poster du code sur le forum, tu devras avant aller lire ( entièrement !! ) ce tuto
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Mipmo8
Messages postés
2
Date d'inscription
lundi 17 août 2020
Statut
Membre
Dernière intervention
19 août 2020
19 août 2020 à 09:09
19 août 2020 à 09:09
Bonjour,
merci de votre réponse, effectivement je ferais attention la prochaine fois pour le sujet.
Pour le moment j'ai réalisé ce code et ça a l'air de fonctionner :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form id="form1" method="post">
<label> Sélectionner le site voulu : <select id="location" onchange="setIframeSource()">
<option value="dummy.html">Site ...</option>
<option value="https://mon_site.com">Le_Nom_Du_Site</option>
<option value="https://mon_site.com">Le_Nom_Du_Site</option>
<option value="https://mon_site.com">Le_Nom_Du_Site</option>
<option value="https://mon_site.com">Le_Nom_Du_Site</option>
</select></label>
</form>
<iframe id="myIframe" src="https://mon_site.com"frameborder="0" marginwidth="0" marginheight="0" width="800" height="400"></iframe>
<script>
function setIframeSource(){
var theSelect = document.getElementById('location');
var theIframe = document.getElementById('myIframe');
var theUrl;
theUrl = theSelect.options[theSelect.selectedIndex].value;
theIframe.src = theUrl;
}
</script>
Je ne sais pas si je dois poser la question sur un autre "forum" (ou autre catégorie) mais j'aimerais pouvoir redimensionner l'iframe et pouvoir en ajouter autant que je veux (une iframe comme la précédente) avec un bouton " + " par exemple. Je n'ai pas encore fait de recherche approfondit sur ce sujet, alors je laisse juste la question ici si quelqu'un veut proposer une idée ou une suggestion.
Merci d'avance. Cordialement ;)
merci de votre réponse, effectivement je ferais attention la prochaine fois pour le sujet.
Pour le moment j'ai réalisé ce code et ça a l'air de fonctionner :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form id="form1" method="post">
<label> Sélectionner le site voulu : <select id="location" onchange="setIframeSource()">
<option value="dummy.html">Site ...</option>
<option value="https://mon_site.com">Le_Nom_Du_Site</option>
<option value="https://mon_site.com">Le_Nom_Du_Site</option>
<option value="https://mon_site.com">Le_Nom_Du_Site</option>
<option value="https://mon_site.com">Le_Nom_Du_Site</option>
</select></label>
</form>
<iframe id="myIframe" src="https://mon_site.com"frameborder="0" marginwidth="0" marginheight="0" width="800" height="400"></iframe>
<script>
function setIframeSource(){
var theSelect = document.getElementById('location');
var theIframe = document.getElementById('myIframe');
var theUrl;
theUrl = theSelect.options[theSelect.selectedIndex].value;
theIframe.src = theUrl;
}
</script>
Je ne sais pas si je dois poser la question sur un autre "forum" (ou autre catégorie) mais j'aimerais pouvoir redimensionner l'iframe et pouvoir en ajouter autant que je veux (une iframe comme la précédente) avec un bouton " + " par exemple. Je n'ai pas encore fait de recherche approfondit sur ce sujet, alors je laisse juste la question ici si quelqu'un veut proposer une idée ou une suggestion.
Merci d'avance. Cordialement ;)
jordane45
Messages postés
38138
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 avril 2024
4 649
19 août 2020 à 11:43
19 août 2020 à 11:43
Félicitation... tu fais parti des dizaines d'internautes qui ont du mal à lire entièrement les réponses qui leur sont données..
As tu vu mon "nb3" ? celui qui indique comment poster tu code sur le forum ??
Merci, à l'avenir, d'en prendre bonne note.
Quoi qu'il en soit,
Tu as trouvé la réponse à ta première question. Bien.
Maintenant, pour tes autres questions :
- redimensionner l'iframe => Ca passe par les attributs height et width que tu peux manipuler via javascript et/ou par css
- en ajouter avec un bouton => évènement onclick pour détecter l'appui sur ce bouton ... + du code javascript qui créé des IFRAME à la volée
Je te laisse faire tes recherches.
Une fois que ça sera fait, je t'invite à créer une nouvelle discussion propre à ces questions dans le forum javascript sans oublier de partager le code essayé ( en utilisant les BALISES DE CODE cette fois ).
Bonne journée.
As tu vu mon "nb3" ? celui qui indique comment poster tu code sur le forum ??
Merci, à l'avenir, d'en prendre bonne note.
Quoi qu'il en soit,
Tu as trouvé la réponse à ta première question. Bien.
Maintenant, pour tes autres questions :
- redimensionner l'iframe => Ca passe par les attributs height et width que tu peux manipuler via javascript et/ou par css
- en ajouter avec un bouton => évènement onclick pour détecter l'appui sur ce bouton ... + du code javascript qui créé des IFRAME à la volée
Je te laisse faire tes recherches.
Une fois que ça sera fait, je t'invite à créer une nouvelle discussion propre à ces questions dans le forum javascript sans oublier de partager le code essayé ( en utilisant les BALISES DE CODE cette fois ).
Bonne journée.
