[HTML] Frameset e Div

Dex01 · 12 Gen 2018

Salve a tutti, pongo qui una domanda anche se dubito possiate aiutarmi. Ho una pagina strutturata in questo modo

HTML:

<frameset cols="300,*">
    <!-- Frame -->
</frameset>

Ho creato un semplice script in jquery per il caricamento della pagina, il problema e che usa una gif dentro un div per far vedere a video il "caricamento" della pagina, ma con il framset non posso inserire tag body. Purtroppo non posso fare a meno di evitare il frameset (non per mia scelta) se qualcuno conosce qualche soluzione mi aiuterebbe molto.

Grazie a tutti

Max 1 · 12 Gen 2018

Non ho capito la domanda e ciò che vorresti da noi!

ma con il framset non posso inserire tag body.

Cosa significa e dove vorresti inserirlo?
Se puoi spiegati meglio

Dex01 · 12 Gen 2018

Max 1 ha scritto:
Non ho capito la domanda e ciò che vorresti da noi!Cosa significa e dove vorresti inserirlo?
Se puoi spiegati meglio

Scusa se mi sono spiegato male, è la prima volta che mi rivolgo ad un forum. Ti faccio vedere il "codice" di prova

Codice:

<!DOCTYPE html>
<html>
<head>
    <title>LoadPage</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<style>
    #overlay {
        background: #ffffff;
        color: #666666;
        position: fixed;
        height: 100%;
        width: 100%;
        z-index: 5000;
        top: 0;
        left: 0;
        float: left;
        text-align: center;
        padding-top: 25%;
    }
</style>
<script>
    jQuery(window).load(function(){
        jQuery('#overlay').fadeOut();
    });
</script>
</head>
<!--
Qui dovrei inserire questo codice
<div id="overlay">
    <img src="loader.gif" alt="Loading" /><br/>
    Loading...
</div>
-->
<frameset cols="300,*">
    <frame src="page1.php">
    <frame src="page2.php">
</frameset>
</html>

Tra l'head e il frameset devo inserire il div è l'immagine

Max 1 · 12 Gen 2018

Secondo me la pagina deve essere così

Codice:

<!DOCTYPE html>
<html>
<head>
    <title>LoadPage</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<style>
    #overlay {
        background: #ffffff;
        color: #666666;
        position: fixed;
        height: 100%;
        width: 100%;
        z-index: 5000;
        top: 0;
        left: 0;
        float: left;
        text-align: center;
        padding-top: 25%;
    }
</style>
<script>
    jQuery(window).load(function(){
        jQuery('#overlay').fadeOut();
    });
</script>
</head>
<frameset cols="300,*">
    <frame src="page1.php">
    <frame src="page2.php">
</frameset><noframes></noframes>
<body>
<div id="overlay">
    <img src="loader.gif" alt="Loading" /><br/>
    Loading...
</div>
</body>
</html>

Dex01 · 12 Gen 2018

Max 1 ha scritto:

Secondo me la pagina deve essere così

Codice:

<!DOCTYPE html>
<html>
<head>
    <title>LoadPage</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<style>
    #overlay {
        background: #ffffff;
        color: #666666;
        position: fixed;
        height: 100%;
        width: 100%;
        z-index: 5000;
        top: 0;
        left: 0;
        float: left;
        text-align: center;
        padding-top: 25%;
    }
</style>
<script>
    jQuery(window).load(function(){
        jQuery('#overlay').fadeOut();
    });
</script>
</head>
<frameset cols="300,*">
    <frame src="page1.php">
    <frame src="page2.php">
</frameset><noframes></noframes>
<body>
<div id="overlay">
    <img src="loader.gif" alt="Loading" /><br/>
    Loading...
</div>
</body>
</html>

Ci avevo pensato anche io ma cosi facendo il codice javascript non viene eseguito e la parte body non c'è. Avevo già provato con questo metodo. Non so nemmeno se esiste un metodo per farlo francamente

Max 1 · 12 Gen 2018

La struttura della pagina non deve essere diversa da così

Dex01 · 12 Gen 2018

Max 1 ha scritto:
La struttura della pagina non deve essere diversa da così

Eh, ma infatti eseguendolo sul browser la parte del body la segna come erratta. Quindi mi viene da pensare che non sia possibile. Grazie comunque

Max 1 · 12 Gen 2018

Prova a cambiare script per il preload.
C'è anche una soluzione in CSS3 http://www.freewebsolution.it/realizzare-pagina-con-preloader-css3/

Dex01 · 12 Gen 2018

Max 1 ha scritto:
Prova a cambiare script per il preload.
C'è anche una soluzione in CSS3 http://www.freewebsolution.it/realizzare-pagina-con-preloader-css3/

Ora provo ma dubito anche questo bene o male usa i "div" ma grazie mille

Cerca

Cerca

[HTML] Frameset e Div

Dex01

Nuovo Utente

Max 1

Super Moderatore

Dex01

Nuovo Utente

Max 1

Super Moderatore

Dex01

Nuovo Utente

Max 1

Super Moderatore

Dex01

Nuovo Utente

Max 1

Super Moderatore

Dex01

Nuovo Utente

Discussioni simili