Inloggen

Wizard Skins uitleg

We zullen je in deze uitleg stap voor stap gaan vertellen hoe je de lay-out van de wizard output compleet naar eigen hand kan zetten. Je zal dit waarschijnlijk lezen, omdat je nu gebruikt maakt van de uitgebreide wizard van MobileMoney.com.

1. Download dit voorbeeldje: template.js
2. Sla het op als template.js
3. Sla in de zelfde map de volgende code op als test.html:
   <script language=javascript src="template.js"></script> <!-- ----------------------------- --> <!-- START OF MOBILEMONEY.BIZ CODE --> <!-- ----------------------------- --> <script language='javascript'> <!-- function mobilemoneysale(ordernumber,pos) { mmrefname = ''; mmlanguage = 'xx'; mmpskin = 'default'; window.open('http://www.mobilemoney.com/salespopup.asp?pos='+escape(pos)+'&ordernumber='+escape(ordernumber)+'&refname='+escape(mmrefname)+'&language='+escape(mmlanguage)+'&popupskin='+escape(mmpskin),'popup','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no,width=468,height=550,left='+eval((screen.availWidth/2)-234)+',top=50'); } //--> </script> <script language='javascript'> <!-- function listenwindow(listenurl) { window.open(listenurl, 'Listen', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no,width=150,height=150,left='+eval((screen.availWidth/2)-75)+',top=50'); } //--> </script> <script language=javascript> <!-- // Try to get our own param that tells us where to start function getparam(lookfor) { var st = new String(document.location); var start = st.indexOf (lookfor); if (start != -1) { st = st.substring (start); start = st.indexOf ('='); st = st.substring (start+1); eind = st.indexOf ('&'); if (eind == -1) { eind = st.length; } st = st.replace (/\+/g, ' '); var st = unescape (st.substring (0, eind)); } else { st = "" } return st; } //--> </script> <script language=javascript> <!-- mm_speaker_url = "http://www.mobilemoney.com/images/speaker.gif"; document.writeln('<sc'+'ript language=javascript src="http://www.mobilemoney.com/wizard2.asp?mmpart0_10=content&mmchar0_10='+getparam("mmchar0_10")+'&mmstart0_10='+getparam("mmstart0_10")+'&mmsection0_10='+getparam("mmsection0_10")+'&cat=0&choice1=10&rows=20&cols=1&refname=&lang=xx§ions=0&mmcountry0_10="></sc'+'ript>'); //--> </script> <!-- ----------------------------- --> <!-- END OF MOBILEMONEY.BIZ CODE --> <!-- ----------------------------- -->
4. Open template.js en verander eens wat HTML (bv border=1 ipv border=0 bij de eerste table)
5. Sla template.js op en (re)load je test.html bestand om je aanpassingen te bekijken.
   
   In het nu volgende voorbeeld leggen we uit hoe wij de volgende (standaard) lay-out gemaakt hebben met behulp van de Wizard Skin mogelijkheden.

De hoofdstukken:

1. De gewenste lay-out
2. De werking
3. De opzet
4. De pagina nummers
5. De content
6. De secties
7. Het resultaat
8. Alle Placeholders en Variabelen
9. Tips & Trucs