View Full Version : My popup, can I make it load on the far right of my site?
propagandhi
09-10-2008, 07:57 AM
I have a popup on my website, it's a last.fm radio player
www.brewrecords.net/shop
Is there a way I can set ity up so it loads on the far right of the screen? Preferably stationed neatly in my column_right.php
Thanks!
hedKandiman
09-10-2008, 10:18 AM
Popups don't seem to work.
tmw-webdesigns
09-10-2008, 04:54 PM
karankaran:
this zimplit software, have you used it on other sites and is it a pretty good program to use with different sites built with CSS?
propagandhi
09-11-2008, 05:34 AM
i was after a small bit of coding, not a whole new website....
is it possible?
rangana
09-11-2008, 07:28 AM
Hope this basic example helps:
<script type="text/javascript">
window.onload=function(){
document.getElementById('trig').onclick=function(){
// Assign an anonymous function to the onclick event of the element whose ID is trig
var distance=50, // Set the distance from the rightmost edge to the popup. Set to 0 if on the rightmost
height=500, // Set the window's height
width=500; // Set the window's width
///////// No need to edit beyond this part /////////
var rightEdge=document.body.clientWidth, // Get the body's total width
setCoord=rightEdge-width;
window.open(this.href,'mywin','resize=no,height='+height+',width='+width+',left='+(setCoord-distance)); // Open a new window
return false;
}}
</script>
<body>
<a href="http://www.google.com" id="trig">Open Window to the right!</a>
</body>
Comments attached for readability.
propagandhi
09-11-2008, 10:44 AM
sorry about this i didn't write the code below, how would intergrate your code into mine to give it a go?
thanks
heres coding of the player:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>BREW RECORDS RADIO</title>
</head>
<body topmargin="0" leftmargin="0" bgcolor="#000000">
<p align="center">
<div align="center">
<center>
<table class="lfmWidgetplaylist_7d00bbcaa26b9504bcb56477abc70162" cellpadding="0" cellspacing="0" border="0" style="width:184px;"><tr class="lfmHead"><td><a title="brewrecords’s Playlist" href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lmxhc3QuZm0vbGlzdGVuL3VzZXIvYnJld3JlY29yZHMvcGxheWxpc3Q=" target="_blank" style="display: block; overflow: hidden; height: 20px; width: 184px; background-image: url('http://cdn.last.fm/widgets/images/en/header/playlist/regular_black.png'); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; border-style: none; border-width: 0; background-position: 0 -20px"></a></td></tr><tr class="lfmEmbed"><td><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="284" width="184" data="http://cdn.last.fm/widgets/playlist/22.swf" align="left">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://cdn.last.fm/widgets/playlist/22.swf" />
<param name="flashvars" value="lfmMode=playlist&resourceType=37&resourceID=1943306&username=brewrecords&title=brewrecords%E2%80%99s +Playlist&theme=black&autostart=1&radioURL=user%2Fbrewrecords%2Fplaylist&lang=en&widget_id=playlist_ 7d00bbcaa26b9504bcb56477abc70162" />
<param name="bgcolor" value="000000" />
<param name="quality" value="high" />
</object></td></tr><tr class="lfmFoot"><td style="background-image: url('http://cdn.last.fm/widgets/images/footer_bg/black.png'); background-repeat: repeat-x; background-attachment: scroll; text-align: right; background-position: 0 50%"><table cellspacing="0" cellpadding="0" border="0" style="width:184px;"><tr><td class="lfmConfig"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lmxhc3QuZm0vd2lkZ2V0cy8/Y29sb3VyPWJsYWNrJmFtcDtzaXplPXJlZ3VsYXImYW1wO2F1dG9zdGFydD0xJmFtcDt1cmw9dXNlciUyRmJyZXdyZWNvcmRzJTJG cGxheWxpc3QmYW1wO3VzZXI9YnJld3JlY29yZHMmYW1wO2Zyb209Y29kZSZhbXA7d2lkZ2V0PXBsYXlsaXN0" title="Get your own widget" target="_blank" style="display: block; overflow: hidden; width: 85px; height: 20px; float: right; background-image: url('http://cdn.last.fm/widgets/images/en/footer/black.png'); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; border-style: none; border-width: 0; background-position: 0px -20px"></a></td><td class="lfmView" style="width:74px;"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lmxhc3QuZm0vdXNlci9icmV3cmVjb3Jkcy8=" title="View brewrecords’s profile" target="_blank" style="display: block; overflow: hidden; width: 74px; height: 20px; background-image: url('http://cdn.last.fm/widgets/images/en/footer/black.png'); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; border-style: none; border-width: 0; background-position: -85px -20px"></a></td><td class="lfmPopup"style="width:25px;"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lmxhc3QuZm0vd2lkZ2V0cy9wb3B1cC8/Y29sb3VyPWJsYWNrJmFtcDtzaXplPXJlZ3VsYXImYW1wO2F1dG9zdGFydD0xJmFtcDt1cmw9dXNlciUyRmJyZXdyZWNvcmRzJTJG cGxheWxpc3QmYW1wO3VzZXI9YnJld3JlY29yZHMmYW1wO2Zyb209Y29kZSZhbXA7d2lkZ2V0PXBsYXlsaXN0JmFtcDtyZXNpemU9 MQ==" title="Load this playlist in a pop up" target="_blank" style="display: block; overflow: hidden; width: 25px; height: 20px; background-image: url('http://cdn.last.fm/widgets/images/en/footer/black.png'); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; border-style: none; border-width: 0; background-position: -159px -20px" ..="window.open(this.href + ’&resize=0’,’lfm_popup’,’height=384,width=234,resizable=yes,scrollbars=yes’); return false;"></a></td></tr></table></td></tr></table></center>
</div>
</body>
</html>
rangana
09-11-2008, 10:57 AM
I don't think I understand it. Which page are you referring to which would open a pop-up :confused:
propagandhi
09-15-2008, 04:11 AM
I don't think I understand it. Which page are you referring to which would open a pop-up :confused:
sorry it's www.brewrecords.net
thanks!
rangana
09-15-2008, 08:35 PM
...and which part of brewrecords.net are you wishing to open a popup :confused:
propagandhi
09-16-2008, 07:11 AM
it already opens, on my homepage
www.brewrecords.net
it opens for me....
trouble706
09-17-2008, 04:33 PM
Change the name of the popup in the script below to the name of your popup. And it will then open the pop up on page load and be in the left column..You can change the position of where it will open by changing the x and y and top and left coordinates.;)
// Place this script within <head> section.
<script language="JavaScript">
function goPop(){
goPopWindow = window.open("http://www.mysite.com/popup.html","myPopUp","resizable=yes,left=10,top=150,screenX=10,screenY=150");
}
</script>
<!-- New replacement <body> tag -->
<body onload="goPop()">
</body>
</html>
propagandhi
10-09-2008, 08:23 AM
<html>
<head>
<script language="JavaScript"> function goPop(){ goPopWindow = window.open("http://www.brewrecords.net/player.htm","myPopUp","resizable=yes,right=0,top=0,screenX=1600,screenY=0"); } </script> <!-- New replacement <body> tag --> <body onload="goPop()"> </body> </html>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>::::: BREW RECORDS :::::</title>
<style type="text/css">table.lfmWidgetplaylist_7d00bbcaa26b9504bcb56477abc70162 td {margin:0 !important;padding:0 !important;border:0 !important;}table.lfmWidgetplaylist_7d00bbcaa26b9504bcb56477abc70162 tr.lfmHead a:hover {background:url(http://cdn.last.fm/widgets/images/en/header/playlist/regular_black.png) no-repeat 0 0 !important;}table.lfmWidgetplaylist_7d00bbcaa26b9504bcb56477abc70162 tr.lfmEmbed object {float:left;}table.lfmWidgetplaylist_7d00bbcaa26b9504bcb56477abc70162 tr.lfmFoot td.lfmConfig a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/black.png) no-repeat 0px 0 !important;;}table.lfmWidgetplaylist_7d00bbcaa26b9504bcb56477abc70162 tr.lfmFoot td.lfmView a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/black.png) no-repeat -85px 0 !important;}table.lfmWidgetplaylist_7d00bbcaa26b9504bcb56477abc70162 tr.lfmFoot td.lfmPopup a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/black.png) no-repeat -159px 0 !important;}</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=180,height=350');");
}
// End -->
</script>
www.brewrecords.net
the popup has now gone big and i cant get it to load on the far right of the site.
can anyone help?
been trying for 2 hours now :(
trouble706
10-11-2008, 10:49 PM
That is my fault...I didn't give you the code so that you can control the size . Try this
Place this code inside your head tag.
<script language="JavaScript">
function goPop(){
goPopWindow = window.open("http://www.brewrecords.net/player.htm","myPopUp","resizable=yes,location=yes,width=350,height=300,left=1100,top=100,screenX=1100,screenY=100");
}
</script>
Now replace your body tag with this
<body onload="goPop()">
I tried that for you and it should do exactly what you want. One thing, in your code above you have this line.
<script language="JavaScript"> function goPop(){ goPopWindow = window.open("http://www.brewrecords.net/player.htm","myPopUp","resizable=yes,right=0,top=0,screenX=1600,screenY=0"); } </script> <!-- New replacement <body> tag --> <body onload="goPop()"> </body> </html>
Be careful with that. You are closing your html before your content with the </body> </html>[/code tags.
This is more in line with what you want to do after you change the body tag
[code]<body onload="goPop()">
<div align="center">
<center>
<table border="0" width="800" height="100%" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
<tr>
<td width="550" valign="top">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<a href="http://www.myspace.com/brewrecords" target="_blank"><img src="http://i230.photobucket.com/albums/ee301/BREWRECORDS/I_ConcurOblige_cover-1.jpg" border="1" alt="Photobucket"></a>
“a hulking bruiser of a cut, a more animated and agitated affair this time of asking flanked by zeroing speaker lacerating struts and frenetically freewheeling upon head welding underpins and a seriously spiked contortionist pop groove that’s so bloody criminally infectious you could kiss the blighter for its audacity” <b>Losing Today.com</b><br> <br>
“With tight guitars, drums and bass and some good ideas I Concur have put a good single out, well worth a listen!" <b>Sheffield Music.com</b><br><br>
Meanwhile, following i Concur’s Maida Vale session for Huw Stephens in March, the band have now been selected by to play on the BBC Introducing stages at both Reading and Leeds Festivals. Full details here:
23rd Aug: Reading Festival BBC Introducing Stage<br>
24th Aug: Leeds Festival BBC Introducing Stage<br>
24th Sept: Brudenell, Leeds (with Ladyhawke) <br>
27th Sept: Academy, Sheffield (with Nat Johnston, Champ’ Kickboxer and more) <br>
28th Sept: Bush Hall, London (with Nat Johnston)<br>
4th Oct: Brudenell, Leeds (with Napoleon IIIrd, Dinosaur Pile-up and AnteAter) <br>
5th Oct: Hockley Hustle, Bunkers Hill, Nottingham (with Love Ends Disaster!,
Her Name Is Calla and Glissando) <br>
8th Oct: The End, Newcastle<br>
10th Oct: The Vine, Sowerby Bridge<br>
12th Oct: The Oakford, Reading (with Vessels) <br>
13th Oct: The Metro, London<br>
15th Oct: Dry Bar, Manchester <br>
16th Oct: The Adelphi, Hull<br>
17th Oct: Brainwash Festival III with ¡Forward, Russia! <br><br><br>
<b><font face="Verdana" size="3">9th June 2008<br><br><br>
</font><font face="Verdana" size="2">
<img src="http://i230.photobucket.com/albums/ee301/BREWRECORDS/Kong-Blood_of_a_dove_7inch_front-2.jpg"><br>
<br>We have joined forces with Manchester's Kong to bring you a super 7". We are over the moon to have them on board to do their first single with us! It is released on 28th July on Brew Records and is available on 500 limited transparent 7 inch vinyl (and the usual download channels), with artwork courtesy of Joby J Ford (The Bronx). Preorders available from Tuesday 1st July 2008.<br>
<br>
Check out our myspace page for some exclusive samples. There is also their recent live performance from Channel M on our page.<br>
<br>
Here's some nice words from Andrew Falkous on the band. Fitting...<br>
<br>
Kong is not a name chosen by accident. It does not describe an effeminate collection of callow ****ers thrust together by a desire to look plucked or sound eager to please.<br>
<br>
All are/were/shall be in other, perhaps more commercially viable bands, which is notable only because it fills out their biography and creates the impression of a deeper back-story, which becomes, by definition, massively interesting to idiots. Yes, Nancy was in Jane's Addiction, and Milicent founded ITV.<br>
<br>
Kong's music, such as it is, takes all the risibly obnoxious elements of lots of very loud, credible bands, feeds it non-brand specific lager, then comes on it in its sleep.<br>
<br>
In truth, they are difficult band to describe unless you're a music journalist, in which case you'd probably pick a large animal (elephant, dinosaur or a fantastical creature of myth) and put it in an unusual place (Middlesbrough) with predictably madcap results.<br>
<br>
In summary - the first time I saw them play I felt a burning sensation on my arm and realised that I had developed eczema.<br>
<br>
The album, 'Snake Magnet', will follow when somebody grows balls and ****ing puts it out there.<br>
<br>
Andrew Falkous 2008<br>
(McLusky/Future of the left)<br>
<br>
Preorders for the vinyl will be available on Tuesday 1st July.<br>
<br><br>
</font><b><font face="Verdana" size="3">28th March 2008<br><br><br>
</font><font face="Verdana" size="2">I Concur are the latest band from the region to be chosen for one of BBC Introducing’s exclusive events. The four piece were put forward by Raw Talent Introducing for a recording session at the BBC’s world famous Maida Vale studios in West London. They join eleven other bands from across the UK this weekend for the session hosted by Radio 1’s Huw Stephens...<br>
<br>
BBC Introducing brings together the best in brand new music from across the UK, giving unsigned and brand new artists the chance to be broadcast on BBC radio, television and online as well as opportunities to perform at major festivals. <br>
<br>
Since it started in 2007 BBC Introducing has launched shows on Radio 1, 6 Music, 1Xtra and on over 20 local radio stations who all work together to provide an internal network dedicated to showcasing the hottest new talent.<br>
<br>
The very first BBC Introducing stage was at Glastonbury 2007 playing host to 24 of the best new UK artists, nominated by new music shows from across the BBC. The stages continued in 2007 with appearances at Latitude and Bestival.<br>
<br>
BBC introducing are set to have stages at Radio 1’s Big Weekend, Glastonbury, Latitude, Reading and Leeds, Creamfields, Bestival and the BBC’s Electric Proms.<br>
<br>
You’ll be able to hear I Concur’s Maida Vale session on Raw Talent Introducing this Sunday.<br>
<br>
http://www.bbc.co.uk/music/introducing/maidavale/<br>
<br>
Thanks for looking,<br>
<br>
*excited*<br>
<br>
-tom x<br>
<br>
<br>
</font><font face="Verdana" size="3">20th March 2008<br><br><br>
</font><font face="Verdana" size="2">Quite unbelievably we’ve been asked by
Huw Stephens to be feaured as his DIY label of the week commencing the 2nd April on his radio 1 show. We are
absolutely over the moon and feel extremely privilege to be featured by him. There are many labels from this area that deserve it and hopefully more attention can be brought to them.<br>
</body>
</html>
(This is not all of your content but I could not include all the content in this one post . But I think it will give you an idea of what I am talking about)
With the formatting that I have above you have your "begin" body tag and then your content. Then you close your body and then you close the html.
If you have any more problems with it let me know:cool:
trouble706
10-11-2008, 10:51 PM
BTW, I just noticed as I looked at my post, you may want to go back in your code and use paragraph tags. It doesn't appear that you are using them and so you are going to have some formatting issues there.
Also I noticed in the code where you had made this change. "right=0, top=0" For future reference, remember that your coordinates are only from left and top ..."Right" won't get it.
vBulletin® v3.6.7, Copyright ©2000-2009, Jelsoft Enterprises Ltd.