Bonjour,

Je suis une grande débutante en code. Je crée un site avec WIX (je n'ai pas beaucoup de temps à consacrer à l'apprentissage du code et je
n'ai pas besoin de grand fonctionnalité). Je me heurte à un problème : j'utilise un formulaire pré construit par Wix et dans ce formulaire il y a un champs pour remplir une url. Je souhaiterai récupérer cette url à chaque fois qu'un utilisateur la saisie pour l'afficher dans une Iframe juste à coté (par exemple un utilisateur saisie une url d'un produit amazon dans le formulaire et l'iframe s'affiche juste à coté).

J'appelle mon champs url (id #urlinput) du formulaire dans l'iframe avec cette commande :

<iframesrc="#urlinput"></iframe>

Ca n'affiche rien, je ne sais pas comment je dois procéder. Je pense que la manip ne doit pas être trop compliquée mais je ne trouve pas.

Merci pour votre aide

Bonjour,

>> Je pense que la manip ne doit pas être trop compliquée

Effectivement une connaissance du DOM est tout de même nécessaire. 

Avec comme HTML :

<div class="content">
    <form id="form">
      <label for="urlinput">Entrez l'URL du site</label>
      <input type="url" name="urlinput" id="urlinput" value="" required >
      <button type="submit">Afficher</button>
    </form>
    <iframe src="" id="iframe"></iframe>
  </div>

CSS :

 .content {
      display: flex;
    }

Je propose le script suivant (volontairement simple ):

    const form =  document.getElementById('form'); 
    const iframe = document.getElementById('iframe'); 

    form.addEventListener("submit" , (e) => {
      e.preventDefault(); 
      url = document.getElementById('urlinput').value; 
      iframe.src = url; 
    });

A vous de voir comment l'implémenter dans votre site Wix, si celui-ci le permet.