1 Dernière modification par hermance (12-08-2014 10:28:20)

Sujet : Appli mobile - messages pré-enregistrés

Salut!

J'aide à développer une application mobile, notamment la partie messagerie de celle ci. Je suis débutante (c'est ma première application), mais j'ai des bases correctes en JavaScript (enfin, j'en ai eu en cours pendant deux ans), tout à fait convenables en html/css.
L'appli est développé sous cordova-phonegap (*snif*)
Bref, on me demande de créer un système permettant de pouvoir sélectionner des messages pré-enregistrés. J'ai fait la partie "ouvrir une pop up qui contient les messages et en sélectionner un"  mais je n'arrive pas à récupérer sa valeur sans actualiser la page (j'ai pas le droit) ... Quelqu'un connaîtrait-il un plugin/fonction/... qui pourrait m'être utile? ou simplement une idée... Je suis preneuse!

Merci d'avance smile


Pour info, mon début de code tout-moche:

<script>
    
    
    $("select[name='message']").change( function() 
        {  
      alert($("select[name='message'] > option:selected").val());
      var txt = $("select[name='message'] > option:selected").val();
      $("basic".val(txt));
        });
    }
    
    </script>

    <div id="ContenuBasic">
    <label for="basic">Votre message:</label>
    <input type="text" name="basic" id="basic" value="">
    
    </div>
    

    
    <h2>Messages</h2>
    <select name="message" tabindex="10">
    <option value="message1">Pneu crevé</option>
    <option value="message2">Batterie morte</option>
    <option value="message3">Accident</option>
    <option value="message4">Flic</option>
    </select>
    
A vaincre sans péril, on triomphe sans gloire!

Re : Appli mobile - messages pré-enregistrés

pour ceux que ça intéresse, j'ai trouvé une solution :

<script>function selection(select) {
    var valeur = select.options[select.selectedIndex].innerHTML;
    document.getElementById("basic").value = valeur;
    
    }
    
    </script>

    <div id="ContenuBasic">
    <label for="basic">Votre message:</label>
    <input type="text" name="basic" id="basic" value="">
    
    </div>
    
    
    <!--<a href="#?w=200" rel="popup_name" class="poplight">Messages</a>
    <div id="popup_name" class="popup_block">-->
    
    <h2>Messages</h2>
    <select onchange="selection(this)">
    <option value="message1">Pneu crevé</option>
    <option value="message2">Batterie morte</option>
    <option value="message3">Accident</option>
    <option value="message4">Flic</option>
    </select>
A vaincre sans péril, on triomphe sans gloire!