Zone de liste déroulante HTML avec Google App Engine

Je crée une application Web Google App Engine écrite en Python et je souhaite créer une zone déroulante affichant différentes valeurs correspondant aux pages d'un livre que l'utilisateur peut choisir de. Je voudrais l'action de la liste déroulante pour être à diriger l'utilisateur vers la page qui correspond à ce lien:Zone de liste déroulante HTML avec Google App Engine

<a href='/viewpage/{{bookpage.key}}'>{{ bookpage.page }} </a>

L'entité « bookpage » est passé au html

Merci!

David

Source

2010-11-11 David

Utilisez un Jump Menu. Here est une mise en œuvre assez simple.

Fondamentalement, vous aurez juste ajouter un peu de JavaScript, et au lieu d'écrire un une étiquette, vous écrirez une option:

<option value='/viewpage/{{bookpage.key}}'>{{ bookpage.page }} </option>

Source

2010-11-12 00:09:03

Merci! Cela semble fonctionner très bien! – David

Qu'en est-<option value='/viewpage/{{bookpage.key.id}}'>{{bookpage.page}}</option>? J'espère que ce n'est pas une réponse stupide.

Source

2010-11-12 00:24:28

Je ne connais pas le moteur google-app, mais le javascript suivant semble faire ce que vous voulez. Le python pourrait générer les variables du tableau du côté serveur, et tout le reste fonctionnerait correctement. J'ai inclus les tableaux codés en dur afin que vous puissiez voir ce qui se passe, mais vous pouvez remplacer les tableaux avec le code python (en supposant bookpage est une sorte de dictionnaire):

i = 0 
for bp in bookpage.keys(): 
    print("mysites["+str(i)+"] = "+ bookpage[bp])+";" 
    print("sitenames["+str(i)+"] = "+sitenames[bp])+";" 
    i+=1

<html> 
<body> 
<script type="text/javascript"> 
var mysites= new Array(); 
    mysites[0] = "http://www.google.com"; //Generate this line with python 
    mysites[1] = "http://www.bing.com";  //Generate this line with python 
    mysites[2] = "http://www.yahoo.com"; //Generate this line with python 
var sitenames = new Array(); 
    sitenames[0] = "Google";  //Generate this line with python 
    sitenames[1] = "Bing";   //Generate this line with python 
    sitenames[2] = "Yahoo";  //Generate this line with python 
function changeLink(){ 
    var index = document.getElementById("theselect").selectedIndex 
document.getElementById("thelink").innerHTML=index; 
    var newlink = mysites[index]; 
    var newstring = sitenames[index]; 
    document.getElementById("thelink").href=newlink; 
    document.getElementById("thelink").innerHTML=sitenames[index]; 
} 
</script> 
<select id="theselect" onclick="changeLink()"> 
    <option>Google</option> 
    <option>Bing</option> 
    <option>Yahoo</option> 
</select> 
<br /> 
<a id="thelink" href="http://www.google.com" > Google </a> 
</body> 
</html>

En cliquant sur la boîte d'option appelle la fonction changeLink(), qui modifie ensuite le lien et le code html interne de la balise.

Source

2010-11-12 00:31:59 amccormack

Zone de liste déroulante HTML avec Google App Engine

Répondre

Questions connexes