salve ho uno script che nella pagina1.php ha una campo input "Nome" che compilato tramite jQuery e ajax controlla e carica l'altra pagina2.php dove vi è un campo cognome.
Entrambi i campi hanno la funzione per visualizzare un toltip ecco il codice:
javascript:
codice:
$(document).ready(function(){
// funzione toltip dei campi
$("input#nome").hover(function(e){
$('p#ttnome').
css("top",e.pageY + "px").
css("left",e.pageX + "px").
fadeIn("fast");
}, function(){
$('p#ttnome').fadeOut("fast");
});
$("input#cognome").hover(function(e){
$("p#ttcognome").
css("top",e.pageY + "px").
css("left",e.pageX + "px").
fadeIn("fast");
}, function(){
$("p#ttcognome").fadeOut("fast");
});
});
// funzione controllo campi
function ctrlnome(){
var nome=$("input#nome").val();
if(nome==""){
$("body").append("<p id='ttnome' class='toltip'>non hai inserito il nome</p>");
}else{
$.post("pagina2.php",{nm:nome},function(risposta){
if(risposta) $("div#form").html(rispsota);
});
}
function ctrlcognome(){
var cognome=$("input#cognome").val();
if(cognome==""){
$("body").append("<p id='ttcognome' class='toltip'>non hai inserito ilcog nome</p>");
}else{
alert("terminato");
});
}
pagina1:
codice:
<input type="text" id="nome" name="nome" value="">
<input type="button" value="prosegui" onclick="ctrlnome()">
pagina2:
codice:
<input type="text" id="cognome" name="cognome" value="">
<input type="button" value="prosegui" onclick="ctrlcognome()">
ora se il campo nome è vuoto il toltip di suo riferimento si vede, mentre quello del cognome non si vede.
Non riesco a comprendere il perchè.