Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    [jQuery] Riposizionare pagina ad un punto preciso

    Buon pomeriggio.
    Ho una pagina che contiene una lista di nomi.
    Clicco su un nominativo, e a seconda di dove si trova come posizione all'interno della pagina,
    codice:
    function bHeight(id){
    	var id_rubrica = id;
    	$('.info_esito_telefonata').show();
    	$(".info_esito_telefonata").load("../rubrica/info_esito_telefonata.php", {p: id_rubrica},$('#overlay').fadeIn('fast'));
    	$('body,html').animate({scrollTop:0},800);
    }
    attraverso questa funzione mi apre una pagina figlia in stile alert e con l'animazione dello scroll mi riporta in alto nella pagina madre.

    Ora, il difficile, per me è tornare indietro.
    Nel senso, cliccando sul bottone chiudi della pagina figlia, vorrei potermi riposizionare nel punto esatto della lista, di quel nominativo.

    Sto utilizzando questa funzione:
    codice:
    function subChiudi(id,id_rubrica){
    if(id=='info_esito_telefonata'){
    $('.info_esito_telefonata').hide();
    $("html, body").animate({ scrollTop: $("#"+id_rubrica).scrollTop() }, 1000);
    }
    }
    Nella lista dei nomi ho previsto un id all'interno del tag TD, pensando che potesse bastare per far individuare il punto esatto ma non è cosi:
    codice:
    echo "<td id='".$arrRubrica[$nI]['id_rubrica']."' style='vertical-align:middle;height:30px'>";
    echo "bla bla bla bl";
    echo "</td>";
    Potete aiutarmi per favore?
    Grazie come sempre

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    prova cosi:

    codice:
    $("html, body").animate({ scrollTop: $("#"+id_rubrica).offset().top }, 1000);

  3. #3
    ahahahahaha....grande,grande...
    allora, volendo esagerare, vorrei far in modo che, quando si riposiziona mi evidenzi con un semplice font-weight:bold il nominativo, per caso è possibile?
    grazie ancora.

  4. #4
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    $("#"+id_rubrica).css("font-weight","bold");

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.