11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour je veux faire un module d'envoie de SMS en utilisant l'API de oceanic SMS

voici le script de l'API

<?php
    $api="1234"; $user="ton_nom_utilisateur"; $pword="ton_mot_de_passe";
    $expediteur="au_plus_11_caracteres"; $destinataires="numero1;nomero2;...";
    $OC_SMS="http://74.207.224.67/api/http/sendmsg.php";
    $messsage=urlencode("le texte à envoyer...");
    $sms="$OC_SMS?api_id=$api&user=$user&password=$pword&from=$expediteur&to=$destinataires&text=$messsage";
    echo file_get_contents($sms);   // pour envoyer le message si ton domaine supporte le CrossDomain
    // OU
    // TU RECUPERES LE $sms DE MANIERE A L'ENVOYER VIA UNE IFRAME AVEC DU HTML
?>


mon domaine ne supporte pas le CrossDomain donc je dois recupérer le $sms et l'envoyer via une iframe avec du html mais je ne sais pas le faire

voici mon formulaire

<div style="width:890px; margin:auto; padding-top:0px; text-align:center"><div style="text-align:left; margin-left:2px; margin-right:2px; vertical-align:top;">
    <div style="width:250px; display:table-cell; vertical-align:top;">       
        <div style="margin-top:8px; padding-left:0px;"><img src="images/contact.png" width="180" height="250" alt="Contactez-nous" /></div>       
    </div>
    <div style="width:5px; display:table-cell; vertical-align:top;">&nbsp;</div>
    <div id="contactDiv" style="width:338px; display:table-cell; vertical-align:top; height:auto;">
        <form name="ref_form" class="formulaire" action="includes/incfiles/api-sms-oceanic.inc.php" enctype="application/x-www-form-urlencoded" method="post" style="padding:0 3px 0 0px;">
            <input type="hidden" name="from" value="contacts" />
            <ul><li style="padding:12px 0 12px 5px;">
                 <h2>Envoyer un ou des SMS instantané ou en différé</h2>
                 <span class="required_notification">* Champs requis</span>
            </li></ul>
            <fieldset class="c corn-all ln20" style="padding:5px 5px 3px 5px; margin:0; min-height:75px;"><legend style="color:#F00;"><b>Remplir les champs pour envoyer un SMS</b></legend>
            <ul>
 
                <li>
                    <label class="label1" for="text">Destinataires</label>
                    <input style="width:390px; max-width:390px; min-width:390px; font-weight:bold;" name="destinataires"  value="" type="text" placeholder="Format d'insertion des numéros (+22996753737;+22994979768...)" required />
                     
                </li>
 
                <li>
                <label class="label1" for="text">Groupe de destinataires</label>
                     
                        <select type="text" style="font-weight:bold; width:425px; min-width:425px; max-width:425px; height:30px; max-height:30px min-height:30px;" name="groupe">
                            <option value="" selected="selected">Choisissez un groupe de destinataires</option>
                            <option value="Banque">Banque</option>
                            <option value="Particulier">Particulier</option>
                            <option value="Directeur">Directeur d'école</option>
                            <option value="Entreprise">Entreprise</option>
                            <option value="Sonapra">Sonapra</option>
                            <option value="DEC">DEC</option>                                                  
                        </select>                  
                </li>              
                
            </ul>
 
                                 <!-- voici la partie corps du message contenu dans l'id #contenu -->
             
                <div id="contenu" style="display:block; clear:both;"><table border="0" cellpadding="0" cellspacing="0">
                        <tr><td width="590" valign="top" style="padding-left:5px; font-size:14px; padding-top:10px;"><b>Message &agrave; envoyer</b><br>&nbsp;
                        <textarea name="message" style="font-size:14px; font-weight:bold; margin-left:0px; overflow:auto; width:590px; min-width:590px; max-width:590px; min-height:180px; max-height:180px; height:180px;" placeholder="Saisissez ici votre message" ></textarea></td></tr></table>
                </div>
             
            <ul style=" margin-top:10px;">
                <li style="display:inline; margin-left:126px;"><button class="submit" type="submit" name="envoyer" style="width:100px; font-weight:bold; cursor:pointer; padding:5px 10px; margin-bottom:10px;">Envoyez SMS</button></li>
            </ul></fieldset>
        </form></div>
    </div>
    </div>
 
    <script type="text/javascript">
    function sendData(f){F=f;
        if($.trim(f.destinataires.value)==''){alert("Veuillez saisir un ou des destinataires."); return false;}
        if($.trim(f.groupe.value)==''){alert("Veuillez selectionner un groupe de destinataires."); return false;}
        if(IsEmpty($('#message')[0]['value'])){alert("Veuillez saisir le corps du message."); return false;}
        return true;
    }
    $(document).ready(function() {
        CLEOpt={width:590, height:180,controls: "undo redo | bold italic underline | bullets numbering | alignleft center alignright justify | link unlink | source", bodyStyle: "margin:4px; font:12px Tahoma; line-height:22px; cursor:text"}
        $("#message").cleditor(CLEOpt); $('#destinataires').focus();
        if(BRW[0]=="MSIE") $('.submit').removeClass('submit').addClass('submitie');
            });
</script>