Ho un menu a tendina e una area di testo nella quale devo inserire una scritta diversa, a seconda della voce che viene selezionata nel menù a tendina (quindi una cosa "dinamica").
Rimangono solo 2 piccoli particolari da risolvere nel javascript:
1) quando lancio per la prima volta, l'area di testo compare (non dovrebbe esserci e infatti se seleziono la prima voce scompare, ma al primo lancio la visualizzo);
2) adesso al posto di farmi ri-stampare le voci nel menù, devo stampare i corrispondenti testi dei copyright, leggendoli dal file xml....
Al momento il codice che ho è questo:
codice:<html> <head> <meta charset="UTF-8"> <title></title> <script src="jquery-2.0.3.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#copyright_titles').change(function () { $('#copyright_text').html($( "#copyright_titles option:selected" ).text()); var isFirstSelected = $("#copyright_titles option:first-child" ).is(':selected'); var isLastSelected = $("#copyright_titles option:last-child" ).is(':selected'); if(isFirstSelected){ $('#copyright_text').hide(); return; } $('#copyright_text').attr("readonly",isLastSelected?false:true); $('#copyright_text').val($("#copyright_titles option:selected" ).text()); $('#copyright_text').show(); }); }); </script> </head> <body> <form name="test" action="test.php" method="post"> <table> <tr> <td>Copyright:</td> <td> <select id='copyright_titles'> <?php $xml = simplexml_load_file('copyrights.xml'); $i = 0; foreach($xml->copyright as $copyright) { $i++; echo '<option value="copyright'.$i.'">'.$copyright->title.'</option>'; } ?> </select> </td> </tr> <tr> <td></td><td> <textarea id='copyright_text' rows="6" cols="65"></textarea> </td> </tr> </table> </form> </body> </html>
P.S. sia le voci del menù, che la scritta da mettere nell'area di testo, le prendo da un file xml di questo genere:
codice:<copyrights> <copyright> <title>free</title> <text></text> </copyright> <copyright> <title>copyright1</title> <text>text1</text> </copyright> <copyright> <title>copyright2</title> <text>text2</text> </copyright> <copyright> <title>copyright3</title> <text>text3</text> </copyright> <copyright> <title>other</title> <text></text> </copyright> </copyrights>
Rispondi quotando