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 :

Javascript vers PHP


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Homme Profil pro
    Développeur multimédia
    Inscrit en
    octobre 2012
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur multimédia
    Secteur : Boutique - Magasin

    Informations forums :
    Inscription : octobre 2012
    Messages : 3
    Points : 3
    Points
    3
    Par défaut Javascript vers PHP
    Bonjour à tous,

    Voici mon problème.
    J'ai une page Php avec un bouton qui appelle une fonction Javascript externe.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a class="button medium" href="#" onclick='klog.logdial()'>Become FSCA student</a>
    Bien entendu, j'ai placé les liens externes dans le head.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript" SRC="res/login.js"></SCRIPT>
    <script type="text/javascript">
    function gestion_pass(){
    var nom=document.getElementById('cadre').getElementsByTagName('input')[0].value;
    var prenom=document.getElementById('cadre').getElementsByTagName('input')[1].value;
    var mail=document.getElementById('cadre').getElementsByTagName('input')[2].value;
    var phone=document.getElementById('cadre').getElementsByTagName('input')[3].value;
    alert('Merci pour votre inscription '+prenom+', nous traitons vos données dans les plus brefs délais.')
    document.getElementById('cadre').submit()
    klog.quit()
    }
    </SCRIPT>
    Comme vous pouvez le voir, sur cette page, je récupère également les valeurs des champs du formulaire qui se trouve donc sur la page appelée par le bouton.
    Voici le code de cette page, qui en réalité, place un formulaire au-dessus de la page en cours, avec un fond à opacité réduite.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    var klog={
     
    regul:0,
     
    quit:function(){
    clearInterval(klog.regul);
    document.getElementById('divco').parentNode.removeChild(document.getElementById('divco'));
    document.getElementById('cadre').parentNode.removeChild(document.getElementById('cadre'));
    },
     
    sscro:function(){
    var dde=document.documentElement;
    var ddl=(navigator.vendor) ? document.body : document.documentElement;
    if(parseInt(navigator.userAgent.substring(30,31))<=7){
    var dico=document.getElementById('divco');
    dico.style.height=dde.clientHeight+ddl.scrollTop+"px";
    dico.style.width=dde.clientWidth+ddl.scrollLeft+"px";
    }
    var adi=document.getElementById('cadre');
    adi.style.left=((dde.clientWidth-adi.offsetWidth)/2)+ddl.scrollLeft+'px';
    adi.style.top=(dde.clientHeight-adi.offsetHeight)/2+ddl.scrollTop+"px";
    },
     
    logdial:function(){
     
    if(arguments.length==0){
    klog.creation('div','body','id','divco');
    var dico=document.getElementById('divco');
    var dde=document.documentElement;
    var ddl=(navigator.vendor) ? document.body : document.documentElement;
    dico.onclick=klog.quit;
    dico.style.height=dde.clientHeight+ddl.scrollTop+"px";
    dico.style.width=dde.clientWidth+ddl.scrollLeft+"px";
    var hou=0;
    }
    else{
    var hou=arguments[0];
    }
    if(hou<=0.5){
    hou+=0.1;
    if(parseInt(navigator.userAgent.substring(30,31))<=8){
    document.getElementById('divco').style.filter = 'alpha(opacity='+(hou*50)+')';
    } 
    else{
    document.getElementById('divco').style.opacity=hou;
    }
    }
    else{
    klog.boite();
    return false
    }
    setTimeout('klog.logdial('+hou+')',30);
    },
     
    raz:function(){
    document.getElementById('cadre').getElementsByTagName('input')[0].value='';
    document.getElementById('cadre').getElementsByTagName('input')[1].value='';
    document.getElementById('cadre').getElementsByTagName('input')[2].value='';
    document.getElementById('cadre').getElementsByTagName('input')[3].value='';
    },
     
     
    creation:function(elem,parent){
    var ddc=(arguments[1]=='body') ? document.body : document.getElementById(parent)
     
    var constrution=document.createElement(elem);
    if((arguments.length>2)){
    var arle=2
    while (arle<arguments.length){
     
    if((arguments[arle]=='txt')){
    constrution.appendChild(document.createTextNode(arguments[arle+1]))
    }
    else if((arguments[arle]=='class')){
    constrution.className=arguments[arle+1]
    }
    else{
    constrution.setAttribute(arguments[arle],arguments[arle+1]);
    }
     
    arle+=2 
    }
    }
    return ddc.appendChild(constrution)
    },
     
    boite:function(){
     
    klog.creation('form','body','id','cadre',"method",'POST','action','index.php');		//la page de redirection//
     
     
    klog.creation('span','cadre','class','textelog','txt','FIRST NAME : ');
    klog.creation('input','cadre','name','log','class','log');
    klog.creation('span','cadre','class','textelog','txt','SURNAME : ');
    klog.creation('input','cadre','name','log','class','log');
    klog.creation('span','cadre','class','textelog','txt','EMAIL : ');
    klog.creation('input','cadre','name','log','class','log');
    klog.creation('span','cadre','class','textelog','txt','PHONE : ');
    klog.creation('input','cadre','name','log','class','log');
     
    klog.creation('div','cadre','id','texte2');
    klog.creation('span','texte2','class','txt1','txt','Cancel').onclick=klog.raz;
    klog.creation('span','texte2','class','txt2','txt','Send').onclick=gestion_pass;
    klog.regul=setInterval(klog.sscro,50);
    }
    }
    Mon problème est, qu'après avoir validé le formulaire, en plus d'annoncer au visiteur que son formulaire va être envoyé, je puisse l'envoyer. Je ne connais que la méthode mail de PHP et je ne parviens pas à l'utiliser avec le Javascript.
    Pouvez-vous me dire s'il est possible de le faire?
    Ou de récupérer les valeurs en php pour utiliser la fonction mail?
    Ou une autre méthode quelconque mais qui pourrait fonctionner?
    Bien sur, s'il existe une autre méthode que javascript pour afficher un formulaire au dessus d'une page courante, sans changer de page sauf pour valider le formulaire, je suis preneur également...

    J'espère avoir été assez clair pour ce premier message.
    Merci à tous.

  2. #2
    Membre habitué Avatar de J_Lennon
    Inscrit en
    mars 2007
    Messages
    168
    Détails du profil
    Informations personnelles :
    Âge : 34

    Informations forums :
    Inscription : mars 2007
    Messages : 168
    Points : 172
    Points
    172
    Par défaut
    lorsque tu valides ton formulaire, tu n'as qu'à récupérer les variables en php. Maintenant faire du traitement de formulaire sur une page index c'est pas ce quil y a de mieux.

    envoyer un mail en js, pas possible. ça poserai des problèmes de sécurité. tu peux toujours contourner le truc en utilisant de l'ajax. Mais bon pas d'utilité puisque tu peux directement le faire avec php... j'ai peut etre pas saisi ta question
    Dans le doute reboot ou path ton chemin.

  3. #3
    Candidat au Club
    Homme Profil pro
    Développeur multimédia
    Inscrit en
    octobre 2012
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur multimédia
    Secteur : Boutique - Magasin

    Informations forums :
    Inscription : octobre 2012
    Messages : 3
    Points : 3
    Points
    3
    Par défaut Je reformule
    Donc en fait, sur ma page d'accueil, il y a un bouton qui permet de s'inscrire pour devenir membre. Il faut juste remplir le nom, prénom, mail et téléphone. Une fois fait, il faut avertir le visiteur que son formulaire est bien envoyé et de notre coté, il faut récupérer les données entrées. C'est pour ça que j'aimerais les envoyer par mail sur la boite mail du responsable qui traitera ces données.

    Merci

  4. #4
    Invité
    Invité(e)
    Par défaut
    Bonjour,
    en JavaScript, tu fais appel via Ajax à ton fichier PHP d'envoi mail, en lui transmettant toutes les données nécessaires.

    Dans la function gestion_pass(), entre la récupération des données, et l'affichage du message.

  5. #5
    Candidat au Club
    Homme Profil pro
    Développeur multimédia
    Inscrit en
    octobre 2012
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur multimédia
    Secteur : Boutique - Magasin

    Informations forums :
    Inscription : octobre 2012
    Messages : 3
    Points : 3
    Points
    3
    Par défaut Solution Ajax
    Ok j'ai bien compris que la solution pour récupérer les données était l'Ajax!
    Quelqu'un aurait un code que je pourrais insérer dans ma fonction? Car Ajax, moi pas comprendre, du moins pas encore, un jour viendra...
    D'avance merci.
    Julien

Discussions similaires

  1. [PHP-JS] Transmettre une variable javascript vers php
    Par phpaide dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 20/05/2006, 09h30
  2. [PHP-JS] variable javascript vers PHP
    Par nicoaix dans le forum Langage
    Réponses: 3
    Dernier message: 17/03/2006, 22h28
  3. [PHP-JS] Communication Javascript vers PHP
    Par wwave dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 22/02/2006, 18h50
  4. [PHP-JS] lien javascript vers php
    Par guttts dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 20/08/2005, 00h00

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