[Adobe Edge] Betekenis van stukje code - Softwareontwikkeling

woensdag 1 juli 2015 17:50

Acties:

0 Henk 'm!

Topicstarter

Ik heb een edge animatie gemaakt en deze gepubliceerd. Ik heb een handleiding gevolgd om mij edge animatie in mijn bestaande website te integreren.

Dus ik heb de volgende code tussen mijn <head> tags geplaatst

code:

<!--Adobe Edge Runtime-->  
    <script type="text/javascript" charset="utf-8" src="edge_includes/edge.6.0.0.min.js"></script>  
    <style>  
        .edgeLoad-EDGE-6075398 { visibility:hidden; }  
    </style>  
  <script>  
   AdobeEdge.loadComposition('header', 'EDGE-6075398', {  
      bScaleToParent: true,  
    scaleToFit: "width",  
    centerStage: "none",  
    minW: "0px",  
    maxW: "undefined",  
    width: "600px",  
    height: "400px"  
}, {dom: [ ]}, {dom: [ ]});  
</script>  
<!--Adobe Edge Runtime End-->

In mijn body heb ik de volgende regel gezet:

code:

1	<div id="Stage" class="EDGE-6075398"> </div>

Alles werkt prima, maar ik heb er nog even 2 vragen over:

regel4: .edgeLoad-EDGE-6075398 { visibility:hidden; } --> waarom hidden?
Uit het tweede stukje code. waar verwijst de id Stage en class EDGE-6075398 naar? Ik heb deze niet in mijn css staan en deze staan ook niet als <style> in mijn html

woensdag 1 juli 2015 17:56

Acties:

0 Henk 'm!

Xilonz

Volgens mij is dat puur voor als je JavaScript niet geladen wordt, dan word de div niet weergegeven.

Zeer waarschijnlijk zet het script de visibility weer op display.
Dat zou mijn eerste gedachte zijn. Ik heb nog nooit met edge gewerkt.

Maar, vanwaar de vraag? Alles werkt toch

woensdag 1 juli 2015 18:07

Acties:

0 Henk 'm!

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Xilonz schreef op woensdag 01 juli 2015 @ 17:56:
Volgens mij is dat puur voor als je JavaScript niet geladen wordt, dan word de div niet weergegeven.

Zeer waarschijnlijk zet het script de visibility weer op display.
Dat zou mijn eerste gedachte zijn. Ik heb nog nooit met edge gewerkt.

Voor mij geldt 'tzelfde; nooit iets met edge gedaan. En jouw reactie was ook mijn eerste ingeving (soort "progressive enhancement"), ware het niet dat in de CSS .edgeLoad-EDGE-6075398 staat en in de HTML EDGE-6075398. En dan snap ik 't dus weer even niet.

Xilonz schreef op woensdag 01 juli 2015 @ 17:56:
Maar, vanwaar de vraag? Alles werkt toch

Je zult eens iets leren/oppikken zeg

Verder even een schop van Graphics >> Webdesign, Markup & Clientside Scripting (zie Waar hoort mijn topic?)

[ Voor 13% gewijzigd door RobIII op 01-07-2015 18:10 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

woensdag 1 juli 2015 21:07

Acties:

0 Henk 'm!

eXtreaL

Misschien iets van een loading animatie die standaard verborgen moet zijn? Ik zou zeggen sloop de regel eruit en kijk wat er veranderd is

.

woensdag 1 juli 2015 21:13

Acties:

0 Henk 'm!

knackje

Topicstarter

Bedankt voor jullie reactie.

Xilonz schreef op woensdag 01 juli 2015 @ 17:56:
Maar, vanwaar de vraag? Alles werkt toch

Het werkt idd goed, maar ik wil natuurlijk graag weten wat mijn code doet

eXtreaL schreef op woensdag 01 juli 2015 @ 21:07:
Misschien iets van een loading animatie die standaard verborgen moet zijn? Ik zou zeggen sloop de regel eruit en kijk wat er veranderd is .

Dat heb ik gedaan, er gebeurd niks. Maar het zal toch wel een functie hebben

Waar ik meest benieuwd naar ben, is mijn punt twee. Die verwijzing naar die id en class.

woensdag 1 juli 2015 21:22

Acties:

0 Henk 'm!

eXtreaL

Schijnbaar worden die door het script van Edge gebruikt om het element aan te roepen. Je zou eens het script dat je inlaadt (edge_includes/edge.6.0.0.min.js) kunnen checken om te kijken of je iets kunt vinden met het id stage of class edgeLoad, waarschijnlijk kun je dan vanuit daar wel opmaken wat ermee wordt gedaan.

donderdag 2 juli 2015 15:34

Acties:

0 Henk 'm!

knackje

Topicstarter

Ik ben weer wat wijzer. Ter info

Die class naam verwijst naar de totale inhoud van het bijbehorende js file. De id stage verwijst naar het object in die file. Stage is de gehele edge animatie. Deze kan ik in mijn html en in het js bestand wijzigen indien nodig / gewenst.

De style hidden wordt aangeroepen als de animatie niet getoond kan worden. Dan wordt een inmage geladen of transparant

[ Voor 4% gewijzigd door knackje op 02-07-2015 17:25 ]