caricare in un div una pagina esterna

Stato
Chiusa ad ulteriori risposte.

xxxstefanoxxx

Nuovo Utente
21 Ago 2009
13
0
0
stavo provando questo script che tecnicamente apre una pagina esterna ma non apre niente e non capisco dove va messo il link alla pagina esterna..Qualche idea?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="scriptaculous.js" type="text/javascript"></script>
<script src="prototype.js" type="text/javascript"></script>


<style>
html, body {
overflow: hidden;
height: 100%;width: 100%;
margin: 0px;padding: 0px;
}
body {
font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}
h1, h2{
font-size:18px;
margin: 0px;
padding: 5px 0px 5px 0px;
}
#header{
height: 50px;width: 100%;
margin: 0px;
padding: 0px 0px 0px 10px;
border-bottom: 5px solid #666666;
color: #FF0000;
background-color: #000000;
float: left;
}
#left {
width: 20%;height: 100%;
float: left;
border-right: 2px solid #666666;

}
#left h2{
margin-left: 30px;
}
#left ul {
list-style-type: none;
margin: 0px;
padding: 0px 0px 0px 30px;
}
#left ul li a{
display: block;padding-top: 3px;
}
#right {
background-color: #FFFFFF;
height: 80%;margin: 0px;
}
#main {
margin-top: 20px;margin-left: 20px;position: relative;float: left;
}
#load{
z-index: 100;background: url(wait.gif) no-repeat;
margin-top: 20px;margin-left: 20px;
position: relative;float: left;
width: 50px;}
</style>
</head>

<body>
<div id="header">
<h1>Prototype e Scriptaculous - Esempio semplice caricamento pagina</h1>
</div>
<div id="left">
<h2>Links:</h2>
<ul>
<li><a class="menu" href="javascript:void(0);">Uno</a></li>
<li><a class="menu" href="javascript:void(0);">Due</a></li>
<li><a class="menu" href="javascript:void(0);">Tre</a></li>
</ul>
</div>
<div id="right">
<div id="load" style="display:none;">loading ...</div>
<div id="main">Clikkare i link di sinistra e la pagina viene caricata...</div>
</div>
<script>
$$('a.menu').invoke('observe', 'click', this.respondToClick);
function respondToClick(event) {

var url = this.readAttribute('link');
getPage(url);
function getPage(url)
{
$('main').hide();
new Effect.Appear('load');
var myAjax = new Ajax.Updater('main', url,
{

method: 'get',
onSuccess:Success
});
return;
};
function Success()
{
new Effect.Fade('load',{duration:30.3});
new Effect.Appear('main',{duration:0.1,queue: 'end'})
};
};
url = this.readAttribute('link')
new Effect.Appear('load')
new Effect.Fade('load',{duration:0.3})
new Effect.Appear('main',{duration:0.1,queue: 'end'})
</script>
</body>
</html>
 

xxxstefanoxxx

Nuovo Utente
21 Ago 2009
13
0
0
intanto grazie perché sei l unico che interessa.
Allora ti spiego il mio scopo e creare un bottone che al click mi mostri un div e durante il caricamento di quest ultimo compaia un immagine di load che duri la durata reale che il div ci mette a caricarsi una cosa come Facebook.Ti spiego mi serve cosi per un sito che ha molte richiesta contemporanee e quindi la comparsa del div non e più istantanea riesci ad aiutarmi?in giro ho trovato solo come caricare pagine esterne allora provavo ad adattarmi
 

xxxstefanoxxx

Nuovo Utente
21 Ago 2009
13
0
0
ragazzi siete grandi..ci sono riuscito..ho lultimo dubbio..
io con quello script carico una pagina ad esempio prova.html in un div della pagina index.html.
la domandi e come faccio all evento onload di prova.html a cambiare la visibilita di un div che si tro in index.html?
 

w_t

Utente Attivo
3 Set 2007
121
0
16
Scusatemi se riesumo questo post, ma se volessi caricare una pagina che risiede in un altro Host con un altro Dominio??
Ho provato ma non funziona con nessun esempio, come potrei fare ??

Grazie molte.
 
Stato
Chiusa ad ulteriori risposte.
Discussioni simili
Autore Titolo Forum Risposte Data
A Caricare una pagina jsp in un div alla pressione di un button Javascript 1
P caricare dati all'interno di un tag div html HTML e CSS 15
C in un file html/javascript caricare i div presenti nel body in un file di testo e richiamarli Javascript 7
B Flash & CSS: caricare pagina esterna in DIV Flash 2
I Caricare contenuto dentro un div PHP 2
L Come caricare un'immagine in Canvas dinamicamente Javascript 0
C Come caricare foto da google foto ad un sito? Discussioni Varie 1
Y Come caricare e visualizzare un'immagine PHP 0
I javascript come caricare una pagina sopra quella corrente in automatico Javascript 2
O MIT App Inventor - caricare un file da app Sviluppo app per Android 1
Alex_70 [PHP] Caricare foto su un'altra tabella collegata PHP 0
A [Java] caricare un url esterno senza utilizzo di iframe Java 0
G Caricare una jpg con il php PHP 1
N [WordPress] Caricare diversi fogli di stile in tema-child WordPress 0
G Caricare una semplice Jpg con il PHP PHP 1
E Caricare dati da DB MySql all'apertura pagina, meglio PHP o Javascript? PHP 1
Selenio89 problema a caricare immagine con html. dove sbaglio? HTML e CSS 25
P [PHP] Caricare un file da client XP su server Ubuntu PHP 2
M [Javascript] Caricare link esterno file js in base al device Javascript 0
L Come caricare <iframe> dopo il click ad un immagine, per migliorare le prestazioni. Discussioni Varie 0
andrea93_12 Aiuto caricare immagine su database MYSQL MySQL 1
giancarlob Prova a rimandare o a caricare in modo asincrono le risorse di blocco SEO e Posizionamento 0
F [HTML] Caricare un font ttf HTML e CSS 2
Y CARICARE IMMAGINI IN CARTELLA PHP PHP 3
A Caricare foto in una gallery PHP 0
A caricare file PHP con Load cambiandone parte del contenuto jQuery 1
9 caricare immagini in tabella html da cartella sul server tramite id database PHP 1
M Problema caricare file sul hosting Discussioni Varie 1
M Caricare più google maps con un ciclo Javascript 1
marino51 non riesco a caricare un allegato percgè non riesco a ridimensionare la finestra Supporto Mr.Webmaster 0
P Caricare nuova pagina dopo invio dati form Javascript 11
F Caricare immagine da Mysql su evento click-radio Javascript 5
D Caricare foto in un DB PHP 2
S Caricare una pagina con JQuery jQuery 4
asevenx problemi per caricare immagine su server PHP 4
A [risolto] caricare con un ciclo For dei file PHP inclusi in una variabile array PHP 3
M Zenphoto: far caricare immagini agli utenti Content Management System (CMS) 0
F Caricare file da locale al server Javascript 3
D Caricare file via ajax Ajax 1
G caricare immagini sul db con il formato text PHP 3
P Caricare un .exe sul sito. HTML e CSS 6
I Perchè devo cliccare 2 volte su un link per caricare correttamente il css di una galleria? WordPress 1
F Caricare contenuto pagina all'interno di un'altra pagina Javascript 1
S come caricare un banner tramite un form in una cartella all interno del sito PHP 11
F comando php per caricare delle scritte in una pagina html PHP 4
C Problema nel Caricare file e spostarlo con la funzione move_uploaded_file PHP 14
X Caricare contenuto iframe su richiesta Javascript 6
F Caricare pagine del sito sul database MySQL 1
B Caricare immagini in un DB insieme ad altri dati e visualizzarli PHP 2
P Caricare immagini con scelta multipla e creare le PHP 45

Discussioni simili