Nella pagina ho diversi pulsanti definiti con type="button" ma non fanno parte di un form, dovranno attivare diverse funzioni alla loro pressione.
Come catturo la loro pressione con jqery? Hanno tutti id="assegna", per fare una prova ho provato con
ma l'alert non apparecodice:$(document).ready(function(){ $("button[id='assegna']").click(function(){ alert("pippo"); }); });
se hanno tutti id="assegna" è difficile che funzioni, l'id deve essere unico all'interno di una pagina, cioè deve averlo un solo elemento.Originariamente inviato da Alhazred
Nella pagina ho diversi pulsanti definiti con type="button" ma non fanno parte di un form, dovranno attivare diverse funzioni alla loro pressione.
Come catturo la loro pressione con jqery? Hanno tutti id="assegna", per fare una prova ho provato con
ma l'alert non apparecodice:$(document).ready(function(){ $("button[id='assegna']").click(function(){ alert("pippo"); }); });
usa una classe, cioè class="assegna" e sostituisci il codice con $('button.assegna').click ecc ecc
Ho provato a fare come dici, ora il codice è così
ed i pulsanti hanno tutti class="assegna", ma continua a non apparire l'alert.codice:$(document).ready(function(){ $('button.assegna').click(function(){ alert("Pippo"); }); });
potresti incollare anche il codice html?
I pulsanti appaiono tutti in questo modo nella pagina
Codice PHP:<td align="left">
<select class="cf_inputbox" id="revisori_<?php echo $i ?>" size="1" title="" name="revisori">
<option value="">Seleziona</option>
<?php
$sql = "SELECT name FROM jos_users WHERE usertype='Manager' ORDER BY name";
$result = mysql_query($sql);
while($revisore = mysql_fetch_assoc($result)) {
echo "<option value='".$revisore['name']."'>".$revisore['name']."</option>";
}
?>
</select>
<input type="button" class="assegna" name="revisori_<?php echo $i ?>" value="Assegna"/>
</td>
Senza tonellate di JQuery.
E con un if-statement che considera gli id; che possono rimanere omonimi.
codice:<script> function handleClick(){ var inp = document.getElementsByTagName("input"); for(i=0; i<inp.length; i++){ if(inp[i].id == "assegna"){ inp[i].onclick = function(){ alert("pippo"); }; }; }; } </script> <body onload="handleClick();"> <input id="assegna" type="button"> <input id="assegna" type="button"> <input id="assegna" type="button"> <input id="assegna" type="button"> </body>
Non posso, non ho controllo sul tag <body>, sto modificando un componente di Joomla.
Attenzione che se c'é già un altro window.onload nella pagina, entrano in conflitto.codice:window.onload = function(){handleClick()}; </script> <body>
immaginavo fosse questo il "problema"Originariamente inviato da Alhazred
Codice PHP:<input type="button" class="assegna" name="revisori_<?php echo $i ?>" value="Assegna"/>
il tuo pulsante non è un <button /> ma un <input type="button" />, quindi l'espressione da usare con jQuery è $('input.assegna') o semplicemente $('.assegna') anziché $('button.assegna').
@Enzaccio: gli id "omonimi" sono sicuramente una pratica da sconsigliare
Grazie
Permessi di invio
Rispondi quotando