Open Yo windows
Yo windows can be opened in different ways. The easiest way is to use a HTML link to a new page in the browser.
This is currently the only way authorized by MySpace to open Yo windows. We recommend you to open Yo cart in iframe, which permits a better navigation within your site.
If you open Yo windows in popup, your website will remain visible in background. Then the navigation is easier, and you can go back to Yo window thanks to another link (for instance, to add an item to your cart). Nevertheless, in Firefox, the new page stays in background when we want to get to it once again – for example to add an item to the cart – as we lose the focus.
The popup opening can be done with the following codes :
To open the cart : Test the cart opening
<a href=”http://www.yozik.com/yo/panier.php?art=AAA” onclick=”javascript:window.open(‘http://www.yozik.com/yo/panier.php?art=AAA’, ‘yo’, ‘toolbar=0,location=0,directories=0, status=0,statusbar=0,menubar=0,scrollbars=1,resizable=1,width=250,height=650,left=’+(screen.width-300)/2+’,top=10′); return false;” target=”yo”> Buy the item</a>
To give a download : test the free download
<a href=”http://www.yozik.com/yo/telecharge.php?art=AAA” onclick=”javascript:window.open(‘http://www.yozik.com/yo/telecharge.php?art=AAA’, ‘fan’, ‘toolbar=0,location=0,directories=0, status=0,statusbar=0,menubar=0,scrollbars=1,resizable=1,width=300,height=300,left=’+(screen.width-300)/2+’,top=10′); return false;” target=”yo”>download the track</a>
To open the newsletter subscription : test the newsletter subscription
<a href=”http://www.yozik.com/yo/profil.php?groupe=GGG” onClick=”javascript:window.open(‘http://www.yozik.com/yo/profil.php?groupe=GGG’, ‘fan’, ‘toolbar=0,location=0,directories=0, status=0,statusbar=0,menubar=0,scrollbars=1,resizable=1,width=300,height=300,left=’+(screen.width-300)/2+’,top=10′); return false;” target=”fan”>receive news from the band</a>
To display the concerts : test the concerts window
<a href=”http://www.yozik.com/yo/concert.php?groupe=GGG” onClick=”javascript:window.open(‘http://www.yozik.com/yo/concert.php?groupe=GGG’, ‘fan’, ‘toolbar=0,location=0,directories=0, status=0,statusbar=0,menubar=0,scrollbars=1,resizable=1,width=250,height=650,left=’+(screen.width-250)/2+’,top=10′); return false;” target=”fan”>band’s concerts</a>
To display the forum : test the forum
<a href=”http://www.yozik.com/yo/forum.php?groupe=GGG” onClick=”javascript:window.open(‘http://www.yozik.com/yo/forum.php?groupe=GGG’, ‘fan’, ‘toolbar=0,location=0,directories=0, status=0,statusbar=0,menubar=0,scrollbars=1,resizable=1,width=250,height=650,left=’+(screen.width-250)/2+’,top=10′); return false;” target=”fan”>band’s forum</a>
The javascript code used to open in popup is allowed in most blog editors, even hosted ones (except Myspace).
Iframe Yo windows within your site is more spectacular to integrate Yozik into your website. This use is more trustful for visitors, as it implies a complete continuity. Iframes can have different frames, or no frame at all, and follow the page behaving as if it was an element of it (fixed, centered, etc).
The tag <iframe src="http://www.yozik.com/yo/panier.php?groupe=GG>
displays the cart where you place it from the page opening.
If you want to open a window from a click in your page, you need to insert the following code right after the opening of the <BODY> tag :
<script src=”http://www.yozik.com/script/prozik.php”></script>
If your page has frames, or interlinked pages, you can place this code in the main page, and add to Yo links
window.parent.yo.panier({….
This code can have the variables libtheme=Alphacube, libtheme=darkX, libtheme=mac_os_x, libtheme=spread, libtheme=sansbordureaveccroix, libtheme=sansbordurecroixdansfenetre
to update the Yo window outline (+ info on Prototype Window Class, that is a javascript class developped by Xilinus, used as a complement of ScriptAculous to generate Yo windows),
the variable fixe=1 that fixes the window in the page (it doesn’t move when we scroll the page).
The, we can have for instance <script src=”http://www.yozik.com/script/prozik.php?libtheme=mac_os_x&fixe=1″></script>
And for each link type :
To open the cart :
<a href=”http://yozik.com/yo/panier.php?article=AAA” onClick=”javascript:yo.panier({article:AAA}); return false;” >buy the item</a>
To give a download :
<a href=”http://yozik.com/yo/telecharge.php?article=AAA” onClick=”javascript:yo.fan({article:AAA}); return false;” >download the track</a>
To open the newsletter subscription :
<a href=”http://yozik.com/yo/inscription.php?groupe=XX” onClick=”javascript:yo.news({groupe:GGG}); return false;” >receive news from the artist</a>
To display the concerts :
<a href=”http://yozik.com/yo/concerts.php?groupe=GGG” onClick=”javascript:yo.concert({groupe:GGG}); return false;” >all the artist’s concerts</a>
To display the forum :
<a href=”http://yozik.com/yo/profil.php?forum=GGG” onClick=”javascript:yo.forum({groupe:GGG); return false;” >artist’s forum</a>
where GGG is the band ID and AAA is the item ID.
The javascript functions panier({}), telecharge({}), news({}), concerts({}), forum({}) can have the following parameters, separated by a coma :
article:AAA , where AAA is the item ID
lang:’fr’ , ‘fr’ for Frenchs, ‘en’ for English, the default value is the account’s language.
style:SSS , where SSS is the style ID, by default the band’s one.
top:10 , where 10 is the space in pixels between the top of the page and the Yo window.
left:10 , where 10 is the space in pixels between the left side of the page and the Yo window. By default, the Yo window is centered.
right:10 , where 10 is the space in pixels between the right side of the page and the Yo window. By default, the Yo window is centered.
height:300 , where 300 is the Yo window height in pixel. By default, it is set to 650px for the cart, and 300px for the fan function.
width:250 , where 250 is the Yo window width in pixel. By default, it is set to 250px for the cart, 300px for the fan function..
The window dimensions can be set for each link. The default values let you open the windows without scroll bars, for a font size of 11px. Beyond 11px, you must increase the windows’ size to avoid scroll bars appearance.
Yo iframes can remain visible and fixed despite the scroll, by adding the variable ,fixe:1 to the Yo links.
The Yo links work for most browsers. They’ve been tested for Internet Explorer 3 to 7, Firefox and Safari.
On Safari, Yo windows permitting to navigate between Yo windows ask the user to validate once the browsing.
Yo links are set to work in faded version for javascript-less browsers.
Yo windows opening use Prototype and Window classes, for which we thank Xilinus.
Yo windows in iframe work perfectly on Blogger (one of the best ones), on music blog as well, like
here for Kill The Young.
The work in popup on most blog editors, but only in full page on MySpace.
On Facebook, Yo player can be added to user profiles and lets you open your own page on Facebook.
