[HTML] Mettere div al posto di iframe e possibile?

giannit

Nuovo Utente
30 Mar 2017
31
2
8
56
Rieccomi con un quesito, ho creato un menu e diviso la pagina con un iframe, dove faccio partire flowplayer, per live streaming, il problema è che flowplayer in livestreaming non mi permette la modalita a schermo intero, pensavo di sostituire l'iframe con del codice css e vedere se cosi posso ottenere la modalida a scermo intero ma come posso fare questa operazione?
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.407
339
83
Il tuo titolo è diverso dal contenuto del post!
Vuoi sostituire iframe con un div o vuoi elaborare lo iframe?
La domanda senza essere sostenuta dal codice della pagina o meglio ancora dal link della pagina online rende dofficile la risposta
 

giannit

Nuovo Utente
30 Mar 2017
31
2
8
56
Vorrei sostituire l'iframe mettendo un div al suo posto, attualmente ho la pagina menu che mi si apre con il menu in alto ed impostata che nell'iframe apro i vari link selezionati da menu, che rimane sempre in cima alla pagina, qualunque link sia visualizzato nell'iframe. Vorrei avere lo stesso effetto ma anzichè in un iframe in un divide. Spero di essermi spiegato, mi rendo conto che la mia spiegazione può essere confusionaria.
 

giannit

Nuovo Utente
30 Mar 2017
31
2
8
56
Eccomi nuovamente, avevo già visto quella demo, ma quello che vorrei fare io e diverso, a me interesserebbe aprire una url all'interno di un div o se necessario creando un container (se puo funzionare).
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.407
339
83
Usa lo stesso principio ma con un object dentro al div, in questo modo puoi caricare all'interno del div un URL esterno
 

giannit

Nuovo Utente
30 Mar 2017
31
2
8
56
puoi darmi un esempio? scusami ma come avrai capito sono proprio alle prime armi
Codice:
<div id="leftcolumn">
<a href="javascript:ajaxpage('http://localhost/player/menu.php', 'rightcolumn');">Menu</a>
<a href="javascript:ajaxpage('http://www.google.it', 'rightcolumn');">Google</a>

<div style="margin-top: 2em">Load CSS & JS files</div>
<a href="javascript:loadobjs('ajaxfiles/style.css', 'ajaxfiles/tooltip.js');">Load "style.css" and "tooltip.js"</a>

</div>
in questo modo, se richiamo menu.php funziona e visualizzo la pagina su server locale, ma se richiamo la pagina con google, non si apre.
 
Ultima modifica:

giannit

Nuovo Utente
30 Mar 2017
31
2
8
56
Allora, ho provato a eseguire queste modifiche :
Codice:
<!DOCTYPE html PUBLIC ">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ajax Rotating Includes Script</title>
<script type="text/javascript">

var loadedobjects=""
var rootdomain="http://"+window.location.hostname

function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
page_request.open('GET', url, true)
page_request.send(null)
}

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}

</script>

<style type="text/css">
#leftcolumn{
float:left;
width:150px;
height: 800px;
border: 3px solid black;
padding: 5px;
padding-left: 8px;

}

#leftcolumn a{
padding: 3px 1px;
display: block;
width: 100%;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid gray;
}

#leftcolumn a:hover{
background-color: #FFFF80;
}

#rightcolumn{
float:left;
width:1100px;
height: 800px;
border: 3px solid black;
margin-left: 10px;
padding: 5px;
padding-bottom: 8px;
}

* html #rightcolumn{ /*IE only style*/
height: 400px;
}
</style>
</head>

<body>

<div id="leftcolumn">
<a href="javascript:void(0)">Menu2</a>
<script>
$(document).ready(function(){
     $("#menu").click(function(){
           $("#rightcolumn").load("http://www.google.it");
     });
 });
</script>
<div style="margin-top: 2em">Load CSS & JS files</div>
<a href="javascript:loadobjs('ajaxfiles/style.css', 'ajaxfiles/tooltip.js');">Load "style.css" and "tooltip.js"</a>

</div>

<div id="rightcolumn"></div>

<div style="clear: left; margin-bottom: 1em"></div>

</body>

</html>
Dove cliccando sulla voce Menu2, dovrebbe aprirmi nel div rightcolumn la pagina di google, giusto per provare, ma quando clicco, non succede nulla. Praticamente ci sto impazzendo da 2 giorni a forza di leggere tutorial.
 

giannit

Nuovo Utente
30 Mar 2017
31
2
8
56
Grazie, sei stato nuovamente, molto gentile a fornirmi questo link. Tutto perfetto. Grazie
 
Discussioni simili
Autore Titolo Forum Risposte Data
G [HTML] mettere link in facebook link invece che su sito web Social Media Marketing 2
Shyson [HTML] Mettere select responsive HTML e CSS 3
G [HTML] mettere menu style smartphone anche sui tablet HTML e CSS 0
A Miglior hosting per mettere su internet un sito HTML? Hosting 3
N mettere MUSICA sul sito (Html) HTML e CSS 1
D Come mettere una webcam con reload nel sito html HTML e CSS 3
L creare o modificare una .GIF da mettere su una pagina HtmL HTML e CSS 5
K File audio in html, chi mi può aiutare? HTML e CSS 0
K Aiuto con file audio in html HTML e CSS 1
Antonio67 Lanciare file shell bash da html HTML e CSS 2
M Riportare in tabella HTML dati estratti con query SQL MySQL 0
G Codice html Javascript 1
M Collegamento tra form html e script php PHP 4
L Ricezione dei dati su file php da modulo html PHP 6
F Creare elementi html con javascript Javascript 4
G Appicazione HTML per inserimento dai in Database Access Microsoft HTML e CSS 0
W visualizzare solo file html e sottocartelle di una cartella PHP 1
C Dopo chiusura del tag php la stringa html va a capo PHP 1
G img html HTML e CSS 3
M Come fare un countdown in HTML? HTML e CSS 4
D Stampa a video in altra pagina html Database 3
A inserire variabile php colore in div html PHP 2
F Tv in html Offerte e Richieste di Lavoro e/o Collaborazione 1
N Script elenco file HTML HTML e CSS 5
L salvare codice html in mysql PHP 3
Cosina htaccess redirect 301 senza estensione html Web Server 6
E Errore di lettura php in html PHP 8
M HTML e PHP Offerte e Richieste di Lavoro e/o Collaborazione 3
C Form email php su pagina index.html? PHP 21
Shyson Meglio Javascript o HTML? Javascript 4
P inserimento icone social tramite html HTML e CSS 1
Z Mod_rewrite da HTML in PHP PHP 3
L Collegare un form html ad un database access Javascript 2
P HTML integrazione wordpress HTML e CSS 0
C [RISOLTO]Inserimento variabile php in input html PHP 20
L Eliminare estensione .html HTML e CSS 9
max1974 html in tooltip Javascript 0
C Risalire al php da html PHP 27
felino Esportare tabella HTML in PDF, quale libreria usare? Javascript 1
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
L [RISOLTO] Stampa a video risultato count in html PHP 13
V Servizio design pagina web e download in self contained html file Discussioni Varie 1
F [PHP] Form html PHP 2
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
R Aiuto sito html Offerte e Richieste di Lavoro e/o Collaborazione 3
M Estrarre dati da una select HTML PHP 3
G FORM HTML E PHP PHP 0
max1974 [HTML] Columns grid on modal form HTML e CSS 0
tomorc [HTML] Problema con scroll bar (risolto) HTML e CSS 0
F [PHP] [HTML] Tabella cambia pagina responsive PHP 8

Discussioni simili