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

    Aprire un link esterno in un div

    Ciao a tutti,

    ho cercato nel forum e in rete, ma proprio non mi riesce di trovare uno script che mi funzioni. Non conosco JQUery o JavaScript, ma comunque riesco sempre ad applicare gli script in maniera corretta.

    Questa volta dovrei aprire un link esterno (un blog) in un div che viene richiamato con un normale link da un menù. Il menù che richiama i div è già influenzato da uno script che serve a far apparire il div al click con una dissolvenza senza farlo sparire ad un secondo click. Funziona insomma come un normale link, ma il div si dissolve anzichè sparire all'improvviso.

    Il codice dello script che fa apparire i div:

    codice:
    <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
    
    <script type="text/javascript">
    $(document).ready(function(){
        $('#boxContainer>div').css('position','absolute').not(':first').hide();
        $('#boxContainer>ul>li>a').click(function(){
            $('#boxContainer>div').fadeOut(1500).filter(this.hash).fadeIn(1500);
            return false;
           });
    
    });
    </script>
    Ora, c'è uno script chiaro che possa usare per fare questa cosa? Perfavoreeeeee?

    Saluti e grazie....

    *Shaman*

  2. #2
    Utente di HTML.it
    Registrato dal
    Oct 2013
    Messaggi
    23
    Ciao, prova ad aggiungere il seguente codice prima del return (adattando i vari nomi):

    codice:
    $('#content').load($(this).attr('href'))
    F.

  3. #3
    Quote Originariamente inviata da Fede_91 Visualizza il messaggio
    Ciao, prova ad aggiungere il seguente codice prima del return (adattando i vari nomi):

    codice:
    $('#content').load($(this).attr('href'))
    F.
    Fin qui ok, e intanto grazie di aver risposto.

    Cosa devo inserire invece, nel menù, per far apparire il link nel div?

    Codice del menù

    codice:
    <ul>
          <li><a href="#home"><img src="img/menu_homepage.gif"></a></li>
          <li><a href="#blog"><img src="img/menu_articolienotizie.gif"></a></li>
          <li><a href="#contatti"><img src="img/menu_contatti.gif"></a></li>
          <li><a href="#links"><img src="img/menu_links.gif"></a></li>
    </ul>
    Codice del div ( in cui va mostrato il blog)

    codice:
        <div id="blog">
    
    
        </div>

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.