+ Rispondi al Thread
Visualizzazione dei risultati da 1 a 2 su 2

Discussione: Apertura vari links sullo stesso iframe

  1. #1
    totobets non è in linea Novello
    Post
    2

    Apertura vari links sullo stesso iframe

    Buongiorno Community, ho un "problema" da risolvere sicuramente facile per voi
    Sto creando un app in Jquery Mobile e sono a buon punto ma come tutti i programmatori amo perfezionarla.
    Ho creato un Pannello laterale dove alla sua apertura ci sono vari link tramite una "listview" che puntano alle aperture esterne di vari siti web:
    codice:
    <!-- Pannello di sinistra [MENU] -->
    <div data-role="panel" data-position-fixed="true" data-display="overlay" data-theme="b" id="left-panel">
    	<ul data-role="listview">		
    		<li style="text-align:center">M E N U' &ensp;&ensp;P R I N C I P A L E</li>
            <li><a href="http://m.tuttosport.com/?cookieAccept" target="_top" class="ui-nodisc-icon"><i class="fa fa-desktop" aria-hidden="true"></i> TuttoSport • Web</a></li>
            <li><a href="http://www.gazzetta.it/?refresh_ce-cp" target="_top" class="ui-nodisc-icon"><i class="fa fa-desktop" aria-hidden="true"></i> Gazzetta dello Sport • Web</a></li>
            <li><a href="http://m.corrieredellosport.it/?cookieAccept" target="_top" class="ui-nodisc-icon"><i class="fa fa-desktop" aria-hidden="true"></i> Corriere dello Sport • Web</a></li>
    </ul>
    </div><!-- /panel -->
    vorrei fare in modo che alla scelta del link venga aperta una pagina interna (sempre la stessa) con all'interno un iframe con SRC del link selezionato... una sorta del genere:
    codice:
    <!-- Pagina Esterna -->
    <div data-role="page" id="PaginaEsterna">
    	<div data-role="header" data-position="fixed" data-theme="a">
    		<h1 style="text-shadow: 1px 1px 4px #888">.:: Web Site ::.</h1>
    		<a href="#home" class="ui-btn ui-shadow ui-corner-all ui-icon-home ui-btn-icon-notext">Home</a>
            <button onClick="document.location.reload(true)" class="ui-btn ui-shadow ui-corner-all ui-icon-refresh ui-btn-icon-right ui-btn-icon-notext">Refresh</button>
            <!-- <button onclick="var ifr=document.getElementsByName('refresh')[0];ifr.src=ifr.src" class="ui-btn ui-shadow ui-corner-all ui-icon-refresh ui-btn-icon-right ui-btn-icon-notext">Refresh</button -->
        </div><!-- /header -->
    
    	<div role="main" class="ui-content jqm-content jqm-fullwidth" style="overflow: visible; overflow-x: scroll">
    
        <iframe src="          " width="100%" height="750px" scrolling="auto" frameborder="0"></iframe>
    
    	</div><!-- /content -->
    </div><!-- /page -->
    Quindi far puntare dal link la pagina interna e inserire una sorta di ID sul link da riportare sull'IFRAME o una cosa del genere:
    codice:
    <li><a href="#PaginaEsterna" id="http://m.tuttosport.com/?cookieAccept" target="_top" class="ui-nodisc-icon"><i class="fa fa-desktop" aria-hidden="true"></i> TuttoSport • Web</a></li>
    
    ......
    ......
    ......
    
        <iframe ID="     " width="100%" height="750px" scrolling="auto" frameborder="0"></iframe>
    HELP
    Ultima modifica di totobets; 24-02-2017 13:36 

  2. #2
    totobets non è in linea Novello
    Post
    2
    Quote Originariamente inviato da totobets Visualizza il messaggio
    buongiorno community, ho un "problema" da risolvere sicuramente facile per voi
    sto creando un app in jquery mobile e sono a buon punto ma come tutti i programmatori amo perfezionarla.
    Ho creato un pannello laterale dove alla sua apertura ci sono vari link tramite una "listview" che puntano alle aperture esterne di vari siti web:
    codice:
    <!-- pannello di sinistra [menu] -->
    <div data-role="panel" data-position-fixed="true" data-display="overlay" data-theme="b" id="left-panel">
    	<ul data-role="listview">		
    		<li style="text-align:center">m e n u' &ensp;&ensp;p r i n c i p a l e</li>
            <li><a href="http://m.tuttosport.com/?cookieaccept" target="_top" class="ui-nodisc-icon"><i class="fa fa-desktop" aria-hidden="true"></i> tuttosport • web</a></li>
            <li><a href="http://www.gazzetta.it/?refresh_ce-cp" target="_top" class="ui-nodisc-icon"><i class="fa fa-desktop" aria-hidden="true"></i> gazzetta dello sport • web</a></li>
            <li><a href="http://m.corrieredellosport.it/?cookieaccept" target="_top" class="ui-nodisc-icon"><i class="fa fa-desktop" aria-hidden="true"></i> corriere dello sport • web</a></li>
    </ul>
    </div><!-- /panel -->
    vorrei fare in modo che alla scelta del link venga aperta una pagina interna (sempre la stessa) con all'interno un iframe con src del link selezionato... Una sorta del genere:
    codice:
    <!-- pagina esterna -->
    <div data-role="page" id="paginaesterna">
    	<div data-role="header" data-position="fixed" data-theme="a">
    		<h1 style="text-shadow: 1px 1px 4px #888">.:: Web site ::.</h1>
    		<a href="#home" class="ui-btn ui-shadow ui-corner-all ui-icon-home ui-btn-icon-notext">home</a>
            <button onclick="document.location.reload(true)" class="ui-btn ui-shadow ui-corner-all ui-icon-refresh ui-btn-icon-right ui-btn-icon-notext">refresh</button>
            <!-- <button onclick="var ifr=document.getelementsbyname('refresh')[0];ifr.src=ifr.src" class="ui-btn ui-shadow ui-corner-all ui-icon-refresh ui-btn-icon-right ui-btn-icon-notext">refresh</button -->
        </div><!-- /header -->
    
    	<div role="main" class="ui-content jqm-content jqm-fullwidth" style="overflow: Visible; overflow-x: Scroll">
    
        <iframe src="          " width="100%" height="750px" scrolling="auto" frameborder="0"></iframe>
    
    	</div><!-- /content -->
    </div><!-- /page -->
    quindi far puntare dal link la pagina interna e inserire una sorta di id sul link da riportare sull'iframe o una cosa del genere:
    codice:
    <li><a href="#paginaesterna" id="http://m.tuttosport.com/?cookieaccept" target="_top" class="ui-nodisc-icon"><i class="fa fa-desktop" aria-hidden="true"></i> tuttosport • web</a></li>
    
    ......
    ......
    ......
    
        <iframe id="     " width="100%" height="750px" scrolling="auto" frameborder="0"></iframe>
    help
    nessuno che mi puo' aiutare? Ho sbagliato sezione?

+ Rispondi al Thread

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi