salve ragazzi ho un problema con una funzione jquery ovvero questa:
ma al momento del click sul tasto corrispondente ovvero:codice:$("button#elimina_immagine").click(function () { alert("ciao"); $.post("elimina_immagini.php", {path:$(this).val()}, function(data){ $('div#file_cartelle').html(data); }); })
non accade nulla. Il bello è che non mi da nessun errore di compilazione.codice:<button type=\"button\" value=\"$img\" id=\"elimina_immagine\">elimina</button>
cosa può essere?
Se vuoi associare un evento ad un elemento hai due possibilità:
$(document).ready(... equivalente del onload in js, oppure devi posizionare il comando fisicamente dopo l'elemento
<button>....</button>
...
$('button').comando....
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
infatti avevo posizionato il comando prima... grazie cavicchiandrea
cavicchiandrea continua a non funzionare
io faccio cosi :
dove jquery_from_upload:codice:<button type=\"button\" value=\"$img\" id=\"elimina_immagine\">elimina</button> <script src="js/jquery_form_upload.js"></script>
la prima funzione, funziona benissimo la seconda nocodice:$("select#tipologia").change(function () { $("select#tipologia option:selected").each(function () { if($(this).val()=='offerte'){ $('div#categorie').html(function() { return '<select name="categoria" id="categoria">'+ '<OPTION VALUE="1">Viaggi Nozze</option>'+ '<OPTION VALUE="2">Week End</option>'+ '<OPTION VALUE="3">Ponti</option>'+ '<OPTION VALUE="4">Crociere</option>'+ '<OPTION VALUE="5">Pacchetti Vacanze</option>'+ '<OPTION VALUE="6">Viaggi di gruppo da Bari</option>'+ '<OPTION VALUE="7">Viaggi Low Cost</option>'+ '</select>'; }); $.post("recupero_file_cartelle.php", {path:$('select#categoria option:selected').val()}, function(data){ $('div#file_cartelle').html(data); }); $("select#categoria").change(function () { $("select#categoria option:selected").each(function () { $.post("recupero_file_cartelle.php", {path:$(this).val()}, function(data){ $('div#file_cartelle').html(data); }); }); }) }else { $('div').html(function() { return ''; }); $.post("recupero_file_cartelle.php", {path:$(this).val()}, function(data){ $('div#file_cartelle').html(data); }); } }); //funzione per eliminare un'immagine }) .trigger('change'); $('button#elimina_immagine').click(function () { alert("ciao"); $.post("elimina_immagini.php", {path:$(this).val()}, function(data){ $('div#file_cartelle').html(data); }); })
ho provato a fare questo per testare
ma niente non funzionacodice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="it"> <head> <title>Pannello di Controllo - Travelbook</title> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <div id="file_cartelle"><button type=\"button\" value=\"$img\" id="elimina_immagine">elimina</button></div> <script language="text/javascript"> $('button').click(function () { alert("ciao"); }) </script> </body> </html>
Usa la versione 1.7 di jquery
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
niente
sembra una questione legata al form
infatti se faccio cosi:
funziona e mi mostra alert 'ciao'... stranocodice:<!-- <form ENCTYPE="multipart/form-data" action="upload.php" method="POST"> <input type="file" name="immagine" id="immagine"> <select name="tipologia" id="tipologia"> <OPTION VALUE="email">Immagini per email</option> <OPTION VALUE="offerte">Immagini per Offerte</option> <OPTION VALUE="offerte_principali">Immagini per Offerte Principali</option> </select> <div id="categorie"></div> <input type="submit" value="upload">--> <div id="file_cartelle"><button type=\"button\" value=\"$img\" id=\"elimina_immagine\">elimina</button></div> <script src="js/jquery_form_upload.js"></script>
ho trovato l'errore, ma non riesco a risolverlo
il problema che la prima funzione mi funziona solo se elimino o commento la seconda, mentre la seconda funziona sempre, ho provato anche ad invertire gli ordini ma ho sempre lo stesso risultatocodice:$('button[id="elimina"]').click(function () { alert("ciao"); $.post("elimina_immagini.php", {path:$(this).val()}, function(data){ $('div#file_cartelle').html(data); }); }); $("select#tipologia").change(function () { $("select#tipologia option:selected").each(function () { if($(this).val()=='offerte'){ $('div#categorie').html(function() { return '<select name="categoria" id="categoria">'+ '<OPTION VALUE="1">Viaggi Nozze</option>'+ '<OPTION VALUE="2">Week End</option>'+ '<OPTION VALUE="3">Ponti</option>'+ '<OPTION VALUE="4">Crociere</option>'+ '<OPTION VALUE="5">Pacchetti Vacanze</option>'+ '<OPTION VALUE="6">Viaggi di gruppo da Bari</option>'+ '<OPTION VALUE="7">Viaggi Low Cost</option>'+ '</select>'; }); $.post("recupero_file_cartelle.php", {path:$('select#categoria option:selected').val() , controllo_pagina:$('input[id="tipo_pagina"]').val() }, function(data){ $('div#file_cartelle').html(data); }); $("select#categoria").change(function () { $("select#categoria option:selected").each(function () { $.post("recupero_file_cartelle.php", {path:$(this).val() , controllo_pagina:$('input[id="tipo_pagina"]').val() }, function(data){ $('div#file_cartelle').html(data); }); }); }) }else { $('div').html(function() { return ''; }); $.post("recupero_file_cartelle.php", { path:$(this).val() , controllo_pagina:$('input[id="tipo_pagina"]').val() }, function(data){ $('div#file_cartelle').html(data); }); } }); //funzione per eliminare un'immagine }) .trigger('change');
utlilizzo la libreria :"http://code.jquery.com/jquery-1.7.1.js"
secondo voi come mai?
creati un demo e posta il link
<button type=\"button\" value=\"$img\" id=\"elimina_immagine\">
perche usi il carattere \ prima di ogni attributo? che senso ha? stai scrivendo il sorgente con php?
Permessi di invio
Rispondi quotando