IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Remplir un input text dans une iframe


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Femme Profil pro
    Inscrit en
    Mars 2013
    Messages
    14
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations forums :
    Inscription : Mars 2013
    Messages : 14
    Par défaut Remplir un input text dans une iframe
    Bonjour,

    J'utilise une galerie Piwigo sur mon site pour y afficher les différents logos que je propose d'imprimer sur des articles vierges.

    Pour chaque logo, un bouton "afficher le formulaire de demande de devis" est présent en "description" et fonctionne comme ceci:


    Code dans la description:

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <input type="button" value="Choisir un support pour ce logo et demander un devis" onclick="showStuff('formulaire')">
     
    <input type="button" value="Cacher le formulaire" onclick="hideStuff('formulaire')">
     
    <div id="formulaire" style="display:none"><iframe id="frame2" name="frame2" src="http://www.xxx.fr/form/form1.html" width="100%"  height="1515em" vspace="0" hspace="0"
    marginwidth="0" marginheight="0" scrolling="no" noresize>
    </iframe></div>


    Code dans piwigo/include/page_tail.php:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <script type="text/javascript">
    	function showStuff(id) {
    		document.getElementById(id).style.display = 'block';
    	}
    </script>
     
    <script type="text/javascript">
    	function hideStuff(id) {
    		document.getElementById(id).style.display = 'none';
    	}
    </script>

    Jusqu'à là, pas de problème.


    Chaque logo a un nom.
    Pour savoir de quel logo il s'agit à chaque demande de devis, j'ai glissé un input text en display:none dans le formulaire. Il porte le nom de "IDlogo".
    Pour remplir ce champ, j'utilise ce code dans la description de chaque logo (dans le onclick du même bouton que pour afficher le formulaire), en replaçant bien sûr le nom du logo à chaque fois:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    javascript:frame2.document.getElementById('IDlogo').value='nom_du_logo'

    Ce code a toujours fonctionné jusqu'à ce que j'effectue des changements visuels sur ma galerie et que je transfert tout le site des pages persos de Free à OVH. Je recevais par mail toutes les indications fournies par le client + le nom du logo.

    Pourquoi ne reçois-je plus le nom du logo?
    Y a-t-il un autre moyen pour parvenir à mes fins?

    Bon après-midi!

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre habitué
    Femme Profil pro
    Inscrit en
    Mars 2013
    Messages
    14
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations forums :
    Inscription : Mars 2013
    Messages : 14
    Par défaut
    Merci, mais ça parait bien plus compliqué...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    javascript:frame2.document.getElementById('IDlogo').value='nom_du_logo
    fonctionnait très bien... N'y a-t-il pas un moyen pour se servir de cette première solution?

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    le fait de changer d'hébergeur ne peut pas avoir d'incidence sur du code exécuté coté client ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre habitué
    Femme Profil pro
    Inscrit en
    Mars 2013
    Messages
    14
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations forums :
    Inscription : Mars 2013
    Messages : 14
    Par défaut
    Mais qu'est-ce qui peut clocher alors?

    On est d'accord que mon code est correct et devrait fonctionner?

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.frames['frame2'].document.getElementById('IDlogo').value='nom_du_logo'
    regarde ensuite du coté de documentElement et du lien donné plus haut qui est plein d'enseignements concernant la communication entre fenêtres
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. Input text dans une url
    Par Momo James dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 07/04/2014, 16h30
  2. Piloter input text dans une iframe
    Par Asdorve dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 16/06/2011, 16h48
  3. mise en forme d'un texte dans une iframe
    Par kovrov dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 10/12/2010, 11h37
  4. Insérer du texte à l'emplacement du curseur dans une iframe
    Par mlny84 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 28/07/2009, 11h31
  5. Remplir des input de type text dans une page HTML
    Par Rodrick dans le forum VB 6 et antérieur
    Réponses: 5
    Dernier message: 27/06/2007, 11h19

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo