spxtynimce ajout d'un bouton

DjbWebmaster · novembre 2013

Bonjour à tous,

Je viens de passer quelques heures pour ajouter un bouton sur l'éditeur tynimce (merci à EVRARD J.)

l'objectif étant de créer un bouton paypal avec le système simpleCart.js

pour la création du bouton, pas de problème :

pour la boîte de dialogue

pour le codage :

[== HTML ==]
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>
    YouTube
  </title>

  <link href="./css/bootstrap.min.css" rel="stylesheet">
  <!-- Bootstrap theme -->
  <link href="./css/bootstrap-theme.min.css" rel="stylesheet">
  <link href="./css/prix.css" rel="stylesheet">
	<!--[if lt IE 9]>
	<script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
	</script>
	<![endif]-->

  </head>
  <body>
   <div class="container">
        <div class="row" id="template-container">
         
            <form action="#" method="get" class="form-horizontal">
              <div class="row">
                <div class="col-xs-12">
                <div class="form-group">
                    <label class="col-xs-4 control-label" for="prix" id="prix">Prix du produit:</label>
                    <div class="col-xs-4">
                        <input class="form-control" id="prix" name="prix" type="text" />                        
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-xs-4 control-label" for="article" id="article">Nom du produit:</label>
                    <div class="col-xs-4">
                        <input class="form-control" id="article" name="article" type="text" />                        
                    </div>
                </div>

               
                </div>
              </div>
              
              
              <div class="row">
                  <div class="col-xs-4">                                             
                    </div>
                  <div class="col-xs-4">                    
                      <button id="insert-btn" class="btn btn-primary btn-lg btn-block" type="button">Valider</button>                    
                  </div>
              </div>
            </form>
            
        </div>
    </div>
    
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script type="text/javascript">
	if (typeof jQuery === 'undefined')
    {
      document.write(unescape("%3Cscript src='js/jquery.js' type='text/javascript'%3E%3C/script%3E"));
    }
  </script>
  <script src="./js/bootstrap.min.js"></script>
  <script src="./js/jquery.loadTemplate-1.2.3.min.js"></script>

  <script type="text/javascript">
 $(function(){
    $('#insert-btn').click(function(){ 

    // récuperer les variables prix et nom de l'article //

        var cost = document.getElementById("prix" ).value;
        alert(cost);

    // fermeture de la boite de dialogue //      
        parent.tinymce.activeEditor.windowManager.close();

    });
  
 });
  </script>
  
  </script>
  </script>
  </body>
</html>

Impossible de récuperer les données du formulaire et de les placer dans mon code html avec la fonction

[== JavaScript ==]
parent.tinymce.activeEditor.insertContent(insert());

avez-vous une idée ?

Merci

je-evrard · novembre 2013

Je pense à un problème de scope (de référence). Regarde le plugin youtube de près.

spxtynimce ajout d'un bouton

Réponses