rendere visibile e invisibile un pulsante

[surferbloggy]

ciao, sto facendo un form dove in base ai dati inseriti se non sono corretti scompare il punsante per andare avanti e ricompare quando sono corretti questo funziona solo che il pulsante quando è visualizzato non funziona più come se fosse disabilitato, questo è il codice quando compare in php:

$buttonhtml="<button type='button' class='next right' id='info' onclick='javascript:write_summary();'>Proceed &raquo;</button></div>";
                    echo "document.getElementById('next').innerHTML ='$buttonhtml';";
                    echo "document.getElementById('info').enabled =true;"; 

qui quando scompare

echo "document.getElementById('next').innerHTML ='';"; 

javascript:

scompare:

prendiElementoDaId("next").innerHTML ="<button type='button' class='next right' id='info' onclick='javascript:write_summary();'>Proceed &raquo;</button>";
					prendiElementoDaId("info").enabled=true;

scompare:

prendiElementoDaId("next").innerHTML ="";

questo è lhtml,
<div id="next"><button type="button" class="next right" id="info" onclick="javascript:write_summary();">Proceed &raquo;</button></div>

prendiElementoDaId è una funzione che ho fato e ho verificato che funziona
sapete dirmi cosa sbaglio??

[cavicchiandrea]

Prova togliere questo: prendiElementoDaId("info").enabled=true;

[artorius]

a parte il fatto che:

document.getElementById('info').enabled =true;

non significa niente, perché enabled non esiste ed il fatto che quando metti l'onclick non devi aggiungere javascript, non mi pare ci sia qualcosa di sbagliato.... prova a correggere questi problemi (togli document.getElementById('info').enabled =true; e il javacript dall'onclick onclick='write_summary();') e vedi se funziona. In caso che il bottone sia ancora disabilitato devo vedere la pagina per dirti di più, ma se è cliccabile, controlla che entri nella funzione write_summary() facendo un alert all'inizio della stessa.

[surferbloggy]

grazie, niente, anche se tolgo la funzione write_summary dopo che è scomparso ed è ricomparso non funziona più!
ho messo l'alert è lo fa solo prima di scomarire quando ricompare ricompare disabilitato, cioè non è che sarà disabilitato ci deve essere forse qualche virgoletta qualche cosa che non gli piace e la funzione non va più, operò non so cos'è!

[artorius]

ma hai tolto: prendiElementoDaId("info").enabled=true;

[surferbloggy]

no non è disabilitato perchè ora che ho sistemato il codice,
l'alert che ho aggiunto come hai detto tu, all'onclick funziona!!
solo che il pulsante dovrebbe fare uno sliding con jquery è uno script che ho scaricato qui su html.it e precisamente :
http://javascript.html.it/demo/javas...73/esempio.htm
scaricato qui: http://javascript.html.it/script/ved...ione-dinamico/

lo script che non esegue più è questo - io sto imparando un po' di ajax e javascript ma jquery sono zero, se mi aiutate:

$(function() {


var root = $("#wizard").scrollable({size: 1, clickable: false});



// some variables that we need
var api = root.scrollable(), drawer = $("#drawer");

// validation logic is done inside the onBeforeSeek callback
api.onBeforeSeek(function(event, i) {

	
	// we are going 1 step backwards so no need for validation
	if (api.getIndex() < i) {

		// 1. get current page
		var page = root.find(".page").eq(api.getIndex()),

			 // 2. .. and all required fields inside the page
			 inputs = page.find(".required :input").removeClass("error"),

			 // 3. .. which are empty
			 empty = inputs.filter(function() {
				return $(this).val().replace(/\s*/g, '') == '';
			 });

		 // if there are empty fields, then
		if (empty.length){

			// slide down the drawer
			drawer.slideDown(function()  {

				// colored flash effect
				drawer.css("backgroundColor", "#229");
				setTimeout(function() { drawer.css("backgroundColor", "#fff"); }, 1000);
			});

			// add a CSS class name "error" for empty & required fields
			empty.addClass("error");

			// cancel seeking of the scrollable by returning false
			return false;

		// everything is good
		} else {

			// hide the drawer
			drawer.slideUp();
		}

	}

	// update status bar
	$("#status li").removeClass("active").eq(i).addClass("active");

});



// if tab is pressed on the next button seek to next page
root.find("button.next").keydown(function(e) {
	if (e.keyCode == 9) {

		// seeks to next tab by executing our validation routine
		api.next();
		e.preventDefault();
	}
});

});
</script>

penso che questa riga non me la legge più

root.find("button.next").keydown(function(e) {

[surferbloggy]

si quello enabled l'ho tolto ora penso che togliendolo e rimettendolo con javasvript jquery non lo trova più nella root e questa funzione non la esegue più -- api.next(); --
perchè non lo trova nella root:

root.find("button.next").keydown(function(e) {

come faccio a cambiare questa riga in jquery prendendolo in base all'id univoco ad es per fare eseguire la funzione api.next(); e fargli fare lo scroll??

[surferbloggy]

ho provato così:

$('#info').click(function() {
	api.next();
	e.preventDefault();
	});

e così ma niente:

//$('#info').keydown( function() { alert("Hello"); } );

io lo faccio rapparire così:
javascript:

prendiElementoDaId("nextone").innerHTML ="<button type='button' class='next right' id='info' onclick='javascript:write_summary();'>Proceed &raquo;</button>";

php:

echo "document.getElementById('nextone').innerHTML ='<button type=\'button\' class=\'next right\' id=\'info\' onclick=\'javascript:write_summary();\'>Proceed &raquo;</button>';"; 

sapete perchè non lo legge più jquery??

[surferbloggy]

ho risolto con questa funzione modificandola così il pulsante rimane quello originale sulla root e rendo visibile o hidden il div che lo contiene, grazie !ciao!!

function toggleVisibility(me){
		if (me.style.visibility=="hidden"){
			me.style.visibility="visible";
			}
		else {
			me.style.visibility="hidden";
			}
		}