Comment sélectionner un lien et faire apparaître le site(du lien)dans une iframe
Mipmo8
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour à tous,
J'aimerais que sur mon site je puisse sélectionner une url (soit dans une liste déroulante ou juste de rentrer une url dans une balise, je ne sais pas trop) et en la sélectionnant faire apparaitre le site web (de l'url choisi) dans une iframe ou avec une autre technique.
En gros j'aimerais pouvoir sélectionner plusieurs liens (et donc dans plusieurs iframe) et les redimensionner pour structurer ma page comme je le souhaite.
J'espère être assez claire, merci d'avance !
Bonne journée ;)
J'aimerais que sur mon site je puisse sélectionner une url (soit dans une liste déroulante ou juste de rentrer une url dans une balise, je ne sais pas trop) et en la sélectionnant faire apparaitre le site web (de l'url choisi) dans une iframe ou avec une autre technique.
En gros j'aimerais pouvoir sélectionner plusieurs liens (et donc dans plusieurs iframe) et les redimensionner pour structurer ma page comme je le souhaite.
J'espère être assez claire, merci d'avance !
Bonne journée ;)
A voir également:
- Comment sélectionner un lien et faire apparaître le site(du lien)dans une iframe
- Créer un lien pour partager des photos - Guide
- Lien url - Guide
- Verificateur de lien - Guide
- Site comme coco - Accueil - Réseaux sociaux
- Site de telechargement - Accueil - Outils
2 réponses
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
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 ;)
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.
