Archief - Elementen positioneren bij resize venster

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Q

QuietKillah

Legacy Member
ah dat had ik niet gezien, ergens andere tutorial geprobeerd ermee maar lukte niet. het ziet er inderdaad zeer handig uit.
morgen probeer ik het uit :D
Q

QuietKillah

Legacy Member
hmmm .. dit heb ik nu, de navigatie werkt, maar er wordt niet gedeeplinkt.

HTML:
Code: 
<head>
		<title>impress</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css" media="screen">
		html, body { height:100%; background-color: #ffffff;}
		body { margin:0; padding:0; overflow:hidden; }
		#flashContent { width:100%; height:100%; }
		</style>
        <script type="text/javascript" src="swfobject/swfobject.js">		</script>  
		<script type="text/javascript" src="swfaddress/swfaddress.js"></script>  
		<script type="text/javascript">
		swfobject.embedSWF('impress.swf', 'flashContent', '100%', '100%', '9','expressInstall.swf', {}, {menu: 'false'}, {id: 'Impressenveloppen'});   
		</script>  

	</head>

AS:
Code: 
public function Impress()
		{
			stage.align = StageAlign.TOP_LEFT;
			stage.scaleMode = StageScaleMode.NO_SCALE;
			this.addEventListener( Event.ADDED_TO_STAGE, initStage);
			SWFAddress.addEventListener(SWFAddressEvent.CHANGE,onChangeAdress);
		}


private function onChangeAdress(event:SWFAddressEvent):void{
			switch(SWFAddress.getValue()){
				case "/home/":
					if(active != "home"){
						removeContent(active);
						active = "home";
						home = new ContentHome;
						stage.addChildAt(home,2);
						home.y = stage.stageHeight + 10;
						home.x = slideshow.x;
						
						stage.addEventListener(Event.RESIZE, homeResize);
						TweenLite.to(home, 1, {y:(slideshow.y+225), ease:Expo.easeInOut});
					}
					break;
				case "/bedrukking/":
					if (active != "bedrukking"){
						removeContent(active);
						active = "bedrukking";
						bedrukking = new ContentBedrukking;
						stage.addChildAt(bedrukking,2);
						bedrukking.y = stage.stageHeight + 10;
						bedrukking.x = slideshow.x;
						
						stage.addEventListener(Event.RESIZE, bedrukkingResize);
						TweenLite.to(bedrukking, 1, {y:(slideshow.y+225), ease:Expo.easeInOut});
					}
					break;
				case "/informatie/":
					if(active != "informatie"){
						removeContent(active);
						active = "informatie";
						informatie = new ContentInformatie;
						stage.addChildAt(informatie,2);
						informatie.y = stage.stageHeight + 10;
						informatie.x = slideshow.x;
						
						stage.addEventListener(Event.RESIZE, informatieResize);
						TweenLite.to(informatie, 1, {y:(slideshow.y+225), ease:Expo.easeInOut});
					}
					break;
				case "/prijsvraag/":
					if(active != "prijsvraag"){
						removeContent(active);
						active = "prijsvraag";
					}
					break;
			}
		}
			//CLICKS
		private function onNavClick(event:MouseEvent):void{
			//overal checken welke pagina actief is!
			trace(event.target.name);
			switch(event.target.name){
				case "home":
					if(active != "home"){
						SWFAddress.setValue("/home/");
						SWFAddress.setTitle("Home | Impress");
					}
					break;
				case "bedrukking":
					if (active != "bedrukking"){
						SWFAddress.setValue("/bedrukking/");
						SWFAddress.setTitle("Bedrukking | Impress");
					}
					break;
				case "informatie":
					if(active != "informatie"){
						SWFAddress.setValue("/informatie/");
						SWFAddress.setTitle("Informatie | Impress");
					}
					break;
				case "prijsvraag":
					if(active != "prijsvraag"){
						SWFAddress.setValue("/prijsvraag/");
						SWFAddress.setTitle("Prijsvraag | Impress");
					}
					break;
			}
Q

QuietKillah

Legacy Member
DieselPower zei:
Hello bullshit
Klik om te vergroten...
haha zo ziet het eruit hé :P
maar de vraag is eig echt puur uit intresse gesteld toen.
Maar toen vroeg men pa, om zijn site eens te veranderen, dus dan heb ik het maar onmiddelijk toegepast ook :P
Q

QuietKillah

Legacy Member
hmm met die 2 gotoandlearns geprobeerd en werkt nog steeds niet.
nu heb ik dit:

HTML:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<title>impress</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css" media="screen">
		html, body { height:100%; background-color: #ffffff;}
		body { margin:0; padding:0; overflow:hidden; }
		#flashContent { width:100%; height:100%; }
		</style>
        <script type="text/javascript" src="swfobject/swfobject.js">		</script>  
		<script type="text/javascript" src="swfaddress/swfaddress.js"></script>  
		<script type="text/javascript">
		var attributes = {id:"Impress"};
		swfobject.embedSWF('impress.swf', 'flashContent', '100%', '100%', '9.0.0','expressInstall.swf', null, {menu: 'false'},attributes );   
		</script>  

	</head>
	<body>
		<div id="flashContent">
			<p>Je hebt flash nodig om deze site te zien</p>
		</div>
	</body>
</html>

AS:
Code: 
private function onChangeAdress(event:SWFAddressEvent):void{
			if (event.value != "/"){
				SWFAddress.setTitle(event.value.substring(1) + " | Impress");
			}else{
				SWFAddress.setTitle("Impress");
			}
			
			switch(event.value){
				case "/Home":
					if(active != "home"){
						removeContent(active);
						active = "home";
						home = new ContentHome;
						stage.addChildAt(home,2);
						home.y = stage.stageHeight + 10;
						home.x = slideshow.x;
						
						stage.addEventListener(Event.RESIZE, homeResize);
						TweenLite.to(home, 1, {y:(slideshow.y+225), ease:Expo.easeInOut});
					}
					break;
				case "/Bedrukking":
					if (active != "bedrukking"){
						removeContent(active);
						active = "bedrukking";
						bedrukking = new ContentBedrukking;
						stage.addChildAt(bedrukking,2);
						bedrukking.y = stage.stageHeight + 10;
						bedrukking.x = slideshow.x;
						
						stage.addEventListener(Event.RESIZE, bedrukkingResize);
						TweenLite.to(bedrukking, 1, {y:(slideshow.y+225), ease:Expo.easeInOut});
					}
					break;
				case "/Informatie":
					if(active != "informatie"){
						removeContent(active);
						active = "informatie";
						informatie = new ContentInformatie;
						stage.addChildAt(informatie,2);
						informatie.y = stage.stageHeight + 10;
						informatie.x = slideshow.x;
						
						stage.addEventListener(Event.RESIZE, informatieResize);
						TweenLite.to(informatie, 1, {y:(slideshow.y+225), ease:Expo.easeInOut});
					}
					break;
				case "/Prijsvraag":
					if(active != "prijsvraag"){
						removeContent(active);
						active = "prijsvraag";
					}
					break;
			}
		}
			//CLICKS
		private function onNavClick(event:MouseEvent):void{
			//overal checken welke pagina actief is!
			trace(event.target.name);
			switch(event.target.name){
				case "home":
					if(active != "home"){
						SWFAddress.setValue("Home");
						removeContent(active);
						active = "home";
						home = new ContentHome;
						stage.addChildAt(home,2);
						home.y = stage.stageHeight + 10;
						home.x = slideshow.x;
						
						stage.addEventListener(Event.RESIZE, homeResize);
						TweenLite.to(home, 1, {y:(slideshow.y+225), ease:Expo.easeInOut});
					
					}
					break;
				case "bedrukking":
					if (active != "bedrukking"){
						SWFAddress.setValue("Bedrukking");
						removeContent(active);
						active = "bedrukking";
						bedrukking = new ContentBedrukking;
						stage.addChildAt(bedrukking,2);
						bedrukking.y = stage.stageHeight + 10;
						bedrukking.x = slideshow.x;
						
						stage.addEventListener(Event.RESIZE, bedrukkingResize);
						TweenLite.to(bedrukking, 1, {y:(slideshow.y+225), ease:Expo.easeInOut});
					
					}
					break;
				case "informatie":
					if(active != "informatie"){
						SWFAddress.setValue("Informatie");
						removeContent(active);
						active = "informatie";
						informatie = new ContentInformatie;
						stage.addChildAt(informatie,2);
						informatie.y = stage.stageHeight + 10;
						informatie.x = slideshow.x;
						
						stage.addEventListener(Event.RESIZE, informatieResize);
						TweenLite.to(informatie, 1, {y:(slideshow.y+225), ease:Expo.easeInOut});
					
					}
					break;
				case "prijsvraag":
					if(active != "prijsvraag"){
						SWFAddress.setValue("Prijsvraag");
						removeContent(active);
						active = "prijsvraag";
					
					}
					break;
			}
		}
Z

Zero Grav

Legacy Member
Kunt ge nog eens het project uploaden? Ik kan echt geen code debuggen op't forum. :)
Z

Zero Grav

Legacy Member
'k Heb even een volledig nieuw project aangemaakt, want dat van u was mij wat te fucked up. HTML bestanden all over te place en het builde op zich maar half hier omdat ik niet met Flash Professional projecten werk maar gewoon in Flash Builder.

Zie: http://sht.tl/oxw
Q

QuietKillah

Legacy Member
hmm bij mij werkt die swfaddress nog steeds niet?
en kheb gezien dat in html dat script er niet instaat voor swfaddress enzo.
maar qua code is het toch praktisch hetzelfde dan wat ik had, behalve met die "log" dan.
en de code van swfaddress zou toch moeten kloppen? het is toch dezelfde als hoe het overal staat uitgelegd?
D

DieselPower

Legacy Member
Hoeveel krijgt ge van uw pa om dit te doen en hoeveel is Zero_Grav zijn aandeel hier in? :p
Q

QuietKillah

Legacy Member
haha kkrijg niks dus voor mijn part is 90 procent van de opbrengst voor Zero_Grav :p
Z

Zero Grav

Legacy Member
QuietKillah zei:
hmm bij mij werkt die swfaddress nog steeds niet?
en kheb gezien dat in html dat script er niet instaat voor swfaddress enzo.
maar qua code is het toch praktisch hetzelfde dan wat ik had, behalve met die "log" dan.
en de code van swfaddress zou toch moeten kloppen? het is toch dezelfde als hoe het overal staat uitgelegd?
Klik om te vergroten...

't Kan zijn dat gij bijvoorbeeld bij SWFAddress de bestanden uit de src folder had genomen in plaats van die uit de dist folder, dan werkt het al niet.

Maar ik kon er bij u gewoon niet meer aan uit omdat ge 3 verschillende html-bestanden had die allemaal verschillende code had. Daarom dat ik het even naar een nieuw project gekopieerd heb. Die Log.info is gewoon zodat ik in javascript kon zien dat het werkte (stuurt naast een trace ook een console.log).

In welke browser test ge het? Want zowel in Firefox 4.0b11 als Safari 5.0.2 op Mac werkt het hier gewoon met deeplinking.
Q

QuietKillah

Legacy Member
chrome en IE

en dat project dat gij doorgestuurd hebt de html in bin-debug toont gewoon niks
en die in die impress.zip toont de site, maar de menu-items werken niet.

EDIT:
khad idd de misse files ofzo >.<
kheb et nu verandert en et werkt :D
merci :D
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan