PDA

Volledige versie bekijken : Kan een html pagina in een flash pagina ?

Dark Lobo
%Europe/Berlin %830 %2005, 19:55
Op een Html pagina is het een koud kunstje om Flash onderdelen te gebruiken.
Nu vraag ik mij af of het mogelijk is om bv. een volledige HTML pagina van internet in een window in flash in te brengen op die manier dat als de html pagina verandert deze in de Flashpagina onmiddelijk mee verandert is.

Enige suggesties ?????
pulletje
%Europe/Berlin %836 %2005, 20:03
jammer genoeg ondersteund flash maar een beperkte mate van HTML script. Je zou dus geen hele pagina's in flash kunnen onderbrengen.

helaas...
meagain
%Europe/Berlin %836 %2005, 20:04
Je kan in een textArea html weergeven. Maar lang niet alle html-tags worden door flash ondersteund (zie 'supported html-tags').

Je zou met php een html-pag kunnen inlezen en dan naar flash sturen. Dit proces kan je met een timer herhalen.

Maar nog eens: niet alle tags worden ondersteund!
TheDutch
%Europe/Berlin %839 %2005, 20:08
Het is wel mogelijk om HTML paginas door Flash te laten displayen.

Je kunt een regio maken in je Flashmovie die leeg is. Vervolgens zet je de wmode parameter binnen het Flash object op "transparent" en positioneer je met CSS een iframe object onder je Flashmovie precies onder de regio die leeg is gelaten.

Je kunt nu Flash en Javascript laten communiceren om ze goed op deze manier te laten samenwerken. Dit werkt perfect cross-browser, heb het net nog even voor alle zekerheid getest :).
pulletje
%Europe/Berlin %841 %2005, 20:12
@ TheDutch, Kun je van zoiets eens een keer een voorbeeldje online zetten?? ben er wel in geintresseerd. evt. in tutorial vorm ofzo??
TheDutch
%Europe/Berlin %846 %2005, 20:19
Doe ik binnenkort voor je :).
Cowerd
%Europe/Berlin %846 %2005, 20:19
Het is wel mogelijk om HTML paginas door Flash te laten displayen.

Je kunt een regio maken in je Flashmovie die leeg is. Vervolgens zet je de wmode parameter binnen het Flash object op "transparent" en positioneer je met CSS een iframe object onder je Flashmovie precies onder de regio die leeg is gelaten.

Je kunt nu Flash en Javascript laten communiceren om ze goed op deze manier te laten samenwerken. Dit werkt perfect cross-browser, heb het net nog even voor alle zekerheid getest :).

ik heb een keer een transparante flash in een div over een tekst geladen en dat werkte allamaal, maar in explorer kon je de tekst nog selecteren en in firefox niet, dus als je er een link neer zet denk ik niet dat het werkt!
vivendi
%Europe/Berlin %862 %2005, 20:41
Doe ik binnenkort voor je :).
Zou je die dan hier willen posten, ben ook erg geinstreseerd :)
TheDutch
%Europe/Berlin %862 %2005, 20:41
Doe ik ;).
theFlashWizard
%Europe/Berlin %866 %2005, 20:47
ach.. als je het in div's doet kan je dmv van zindex een soort depth regelen.
TheDutch
%Europe/Berlin %870 %2005, 20:53
Dat is de bedoeling ja ;).
meagain
%Europe/Berlin %395 %2005, 09:29
Ben toch benieuwd of dit cross-browser compatibel is ?!?

Ook heb ik dan zoiets als: Je hebt een krachtige tool als flash, waarom er dan nog met js en iframes enz... gaan klooien ? Je bent in flash bezig, dan moet je ook geen html-pags willen gaan displayen...
Maar nog eens dat is mijn idee, dit is geen verwijt naar TS of medeposters... ;)
theFlashWizard
%Europe/Berlin %411 %2005, 09:52
#4:
Je kunt nu Flash en Javascript laten communiceren om ze goed op deze manier te laten samenwerken. Dit werkt perfect cross-browser, heb het net nog even voor alle zekerheid getest .

maar het probleem is dan dat ze in de flash plugin een html weergave engine moeten bouwen.. terwijl die eigenlijk al zit in de browsers waarin die plugin wordt geinstaleert..
mischien bedenken ze ooit nog een manier dat ze die engine (van de browser waar hij in zit) in flash kunnen gebruiken..
TheDutch
%Europe/Berlin %963 %2005, 23:06
Zoals beloofd hier een voorbeeld (http://www.flashdevils.com/html_in_flash.html) hoe je een HTML pagina door Flash kan laten weergeven. Zoals je kunt zien werkt het in IE, Firefox, Opera, K-Meleon en in waarschijnlijk nog veel meer browsers :).

Source

home_btn.onRelease = function() {
addressbar.text = "http://www.flashfocus.nl";
getURL(addressbar.text, "htmlFrame");
};
go_btn.onRelease = function () {
var addressArray = addressbar.text.split("/")
if(addressArray[0] != "http:" && addressArray[0] != "https"){
addressbar.text = "http://"+addressbar.text;
}
getURL(addressbar.text, "htmlFrame");
};


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>HTML in Flash</title>
<style>
#htmlFrame{
position:absolute;
top:44;
left:9;
*top:51;
*left:11;
z-index:100;
}

</style>
</head>
<body bgcolor="#ffffff">
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="550" height="400" id="Untitled-1" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="html_in_flash.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><embed src="html_in_flash.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="550" height="400" name="Untitled-1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
<div id="htmlFrame">
<iframe frameborder="0" name="htmlFrame" src="http://www.flashfocus.nl" width="548" height="363"></iframe>
</div>
</body>
</html>
Cowerd
%Europe/Berlin %976 %2005, 23:25
wtf zo had ik het niet verwacht::D super vet:D

Je moet je reputatiepunten verdelen over andere gebruikers voordat je TheDutch opnieuw punten kan geven.
too bad P)
TheDutch
%Europe/Berlin %978 %2005, 23:29
Dank je wel man! :D
pulletje
%Europe/Berlin %573 %2005, 13:45
zeker heel erg leuk om mee te gaan spelen, en te kijken hoe je zoiets kunt gebruiken!!
Bedankt!!
milan_475
%Europe/Berlin %783 %2005, 18:47
ik zou het prachtig vinden om dit ook op mijn site te hebben maar ik snap hier nog niet zo veel van kan je misschien de fla erbij zetten?
TheDutch
%Europe/Berlin %814 %2005, 19:33
Die heb ik niet meer :)
Wat is het dat je niet snapt?
Pointer
%Europe/Berlin %852 %2005, 20:27
wtf zo had ik het niet verwacht::D super vet:D

Ik ook niet...

Big up man!
Rated (Y)
theFlashWizard
%Europe/Berlin %883 %2005, 21:11
Hey theDutch, kun je dit voorbeeld mischien in een nieuwe post op een nette manier neerzetten? dan kan ik em bij de actionscript tutorials zetten :)
alvast bedankt!
TheDutch
%Europe/Berlin %884 %2005, 21:13
Ik zal er van de week wel een klein tutorialtje van maken :).
theFlashWizard
%Europe/Berlin %901 %2005, 21:38
te gek! :)
TheDutch
%Europe/Berlin %867 %2005, 20:48
Klein Tutorialtje

1. Maak een Flashmovie en zorg dat de plek waar je de HTML wilt laten zien leeg blijft.
2. Zorg dat de Flashmovie gepublished wordt met wmode="transparent".
3. Zet een DIV met een iframe in je HTML helemaal onderaan de pagina met de juiste dimensies:

<div id="htmlFrame">
<iframe frameborder="0" name="htmlFrame" src="about:blank" width="548" height="363"></iframe>
</div>

4. Maak vervolgens een CSS aan die waarmee de DIV met iframe onder de flashmovie gepositioneerd wordt. IE en FF kunnen verschillende top/left waarde nodig hebben:

<style>
#htmlFrame{
position:absolute;
top:44;
left:9;
*top:51; /* IE top */
*left:11; /* IE left */
z-index:100;
}
</style>

5. Om de URL van het iframe te veranderen geef je in getURL() de target property de naam van het iframe, in dit geval "htmlFrame".
theFlashWizard
%Europe/Berlin %873 %2005, 20:57
TheDutch, mischien kan je in deze post ook de complete html + css code zetten?
mischien ook het script uit flash en een link naar het voorbeeld.
dan kan ik in de Actionscript Tutorials Sticky linken naar alleen deze post
Al link ik natuurlijk nog liever naar een verse post, met alleen deze tutorial.
TheDutch
%Europe/Berlin %877 %2005, 21:03
De HTML en CSS staan hierboven, de FLA heb ik niet meer zoals je hebt kunnen lezen, en ik vind het eigenlijk wel genoeg zo. Ik kan me tijd beter gebruiken :).

Ik heb genoeg info gegeven om er een meer uitgebreide tutorial van te maken, dus je kunt er zelf ook één maken natuurlijk. Wanneer je vragen hebt hoor ik het wel.
theFlashWizard
%Europe/Berlin %889 %2005, 21:21
owke.. dan zal ik die fla opnieuw maken.
Vind je het erg als ik de rest van je werk dan overneem en in n nieuwe post zet met mijn fla? Want ik heb eigenlijk ook zat andere dinge te doen.
natuurlijk zal ik je naam er bijzetten.
TheDutch
%Europe/Berlin %892 %2005, 21:24
Tuurlijk mag dat, je hebt eigenlijk alles(HTML,CSS,AS) behalve de FLA en wat tekst voor de tutorial. Laat maar weten wanneer je hem hebt staan :).
wayticom
%Europe/Berlin %451 %2006, 10:50
Fantastisch!
Dit zocht ik al een tijd maar wil nu het volgende.
Ik wil geen html pagina maar een php pagina in flash neerzetten.
Wanneer ik nu de link naar de html page verander in een link naar een php page wordt de swf geheel vervangen door de php pagina en dus niet meer in een iframe geladen.
Hoor graag of hier een oplossing voor is.
theFlashWizard
%Europe/Berlin %550 %2006, 13:12
dan doe je simpelweg iets fout..
begin hier een nieuwe topic over (want eigenlijk hoort dit hier niet) en leg het daar nog een keer uit.
Als je dan je fla erbij zet bijv of je actionscript kunnen we de fout er mshn uithalen voor je :)
kluns
%Europe/Berlin %059 %2006, 01:25
Hoi allemaal,
ik heb al meerdere malen gebruik gemaakt van dit forum om een flash probleem op te lossen.
waarvoor ik alle leden wil bedanken.
Maar m'n volgende probleem krijg ik niet opgelost. Ik heb een iframe toegevoegt aan m'n flashsite waarin een html pagina geopent wordt. Maar als ik de file afspeel komt de html pagina direct mee in beeld, kan ik deze iframe verbergen en oproepen via button in flash??
Dit is de html code van de flahpagina.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>htmltest</title>
<style>
#htmlFrame{
position:absolute;
top:0;
left:0;
*top:100;
*left:100;
z-index:0;
}

</style>
</head>
<body bgcolor="#ffffff">
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="100%" id="htmltest" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="htmltest.swf" /><param name="loop" value="false" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><embed src="htmltest.swf" loop="false" quality="high" wmode="transparent" bgcolor="#ffffff" width="100%" height="100%" name="htmltest" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
<div id="htmlFrame">
<iframe frameborder="40" name="htmlFrame" src="http://url" width="250" height="250"></iframe>
</div>
</body>
</html>
theFlashWizard
%Europe/Berlin %119 %2006, 02:52
Dit is niet via de css propertie display te regelen? door te wisselen van none naar block bijv.
kluns
%Europe/Berlin %710 %2006, 17:03
Hoi,
Sorry dat ik nog eens stoor, maar ik zal m'n vraag anders stellen misschien kan ik dan meer doen met je antwoord. Mijn naam is niet voor niets kluns :) ik heb absoluut geen verstand van scripts ik heb tot nu toe al m'n realisaties kunnen maken met behulp van forums. Ik heb nu een flash movie gemaakt waarbij ik een webpagina in html wil weergeven in m'n flash movie, ik heb hierbij de script van TheDutch gebruikt en dat werkt gedeeltelijk. Ik zou namelijk graag hebben dat ik de de iframe kan openen via een flashbutton en ook kan sluiten via een flashbutten. Zodat de rest van de flash movie onveranderd blijft. is dit mogelijk en de vraag is hoe doe ik dit.

Pleas help!!!!!
lethaL
%Europe/Berlin %369 %2007, 09:51
hij werkt al :) , moest het gewoon oploaden op mijn eige site en daar werkt alles gewoon goed