|
HTML - Opening A Lightbox Window With Css
I'm a rookie so don't be too rough on the mistakes I made in the webby im about to post, but here's my prob
http://mythgaming.gethost.nl I got 1 Iframe in the main page, which loads every link I click from the menu Now at the link MEMBERS, if I click it you get a Click here url, this contains a javascript that reopens a menu with a close button and normally an image in it My idea was to open a certain page in that "javascript application" but the problem is when I click "click here" it does open, but in the iframe itself, setting a target _blank doesn't work either as it'll stay in the Iframe So first problem would be, how can I get that javascript to be opened OUTSIDE the frame.. and with that how could I load a page in it -- <link rel="stylesheet" type="text/css" href="style.css" /><!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" xml:lang="en" > <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta name="robots" content="all" /> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="js/lightbox.js"></script> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <title>Myth Academy | Managing system</title> <script type="text/javascript"></script> <style type="text/css" media="all"> @import url(style/style.css); </style> </head> <body> <tr> <td style='width:16px; height:16px;'> </td> <td width="50">Result:</td> <td colspan="3"><a href='http://mythgaming.gethost.nl/members/furian.php' title='Layout' rel='lightbox' target="_blank">Click here</a></td> </tr> </table> <hr size='1' style='color:#000000;' /></div> <div id="footer"> <p>Any questions? Mail ryze@dock-7.com </p> </div> </div> </body> </html> -- As you can see the url above "furian.php" is supposed to load inside the window that pops up if you click Click here.. that's not working, and also the window doesn't pop out from the Iframe but stays in there The actual code is taken from the http://mythgaming.gethost.nl/training/ page.. as you open a Photo there you'll see the normal "image popup" window I hope any of you have a suggestion how to fix this, and yea correct me on dumb mistakes i know I made many Similar TutorialsHello - I am a newbie to the forum needing assistance with some HTML coding. I am trying to create a page which has a number of small images acting as buttons. When an image is clicked, a new window is opened which displays that image in full size. I would like this page to contain a "Close Page" button which closes this page. Also, is there HTML code which prevents users from downloading images that appear in this new window? Addition: I have found javascript code which closes a browser window: <a href="javascript:window.close()"> <img border="0" src="closingwindows.gif" width="95" height="46"> </a> but where do you put this code, given that the new page to display the full size image is created from the page that contains the thumbnail of that image? Any help appreciated! Onesimus I have a link on my website that opens up a new window, and that new window opens up and is resized to be smaller at 400X300. It works just fine on Internet Explorer and Safari, but when it's in Firefox the new window opens up on a separate tab in the same browser window and causes the whole window to resize to 400X300. Is there a way to fix this? Like is there a better coding to make sure Firefox will open this link in a new window for sure, and not just a separate tab? I'm using the coding target="_blank" right now..... how can i make the open a new window code work as it is in this include file: <div id="footer"> <img src="images/footer.jpg" alt="" width="998" height="45" border="0" usemap="#footer" /> <map name="footer" id="Map2"> <area shape="rect" coords="0,0,162,45"href="http://www.myspace.com/spittinknowledge" alt="myspace" /> <area shape="rect" coords="184,0,308,45" href="affiliates.shtml" alt="affiliates" /> <area shape="rect" coords="328,0,482,45" href="#" onclick="MyWindow=window.open('webmaster.shtml','Contact Spittin-knowledge.com webmaster','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes, width=525,height=560'); return false;"></a> alt="webmaster" /> <area shape="rect" coords="501,0,655,45" href="disclaimer.shtml" alt="disclaimer" /> <area shape="rect" coords="672,0,998,45" href="#top"/> </map> </div><!-- end of nav --> I created a page with a chromeless window. Clicking on 'enter' on the index page will open the homepage in a chromeless window. However, whenever you click enter on the index page, the index page itself is also loading the homepage. (so it's double, one on the index page and one in a chromeless window). How can I get it to stop, so that it only loads a chromeless window and the index page stays the same? I used the chromeless window codes from the following page: http://www.lissaexplains.com/javascript9.shtml heya guys i want to open a webpage in a new window when i click on a hotspot. can anyone tell me what i need to do? frosty I'm an html novice, and I'm trying to get a file to open in a new window and not replace the current screen. What can I add to this code and try? <html> <head> </head> <body> <script type="text/javascript"> location.replace('http://www.company.com/file.pdf'); </script> </body> </html> Currently, when clicked in a doc library in Sharepoint, the file takes over the screen, which is what I want. However, the user can't use the back button to return to the previous screen. So, how can I change this code so the file pops in a new window but doesn't also take over the original window (since location.replace causes this)? Or is there code I can add which allows the user to use the back button in the ie browser? Thanks! I appreciate any help you can give! Nicole I take are of an internal site on our companies intranet. I have a set of 3 iframes for content. The problem I am experiencing is when a link I have in one of the content pages is clicked (target is already set to _blank) the link still opens inside the iframe. <a href="http://support.microsoft.com/kb/301583" target="_blank">Windows XP Shortcuts</a> that is the code on the site. like I said, this is on a page that gets loaded into an iframe Thanks for the help. i have a site where there is an iframe. The iframe loads a page from another website which has links on it. when a person clicks on a link, it loads the next page within the iframe which is ok. This next page it load also contains links and when a person clicks one of these things, it then loads a checkout page within the iframe which is not so good at all as this page is secure, but because it exists within the iframe now, it wont show as secure to people viewing it. I would like to know how i can have the links from the next page mentioned load in a new tab or browser window so that the secure checkout page is now on its own and the https and secure padlock show to the user. Any help is greatly appreciate! Hello, I want to open a html page in a same browser window with fullscreen mode. I tried following code: window.open("hello.html","_self","fullscreen,scrollbars") However if I use _self, I did not get page in fullscreen mode. Any help is really appreciated. Regards, John Hello! I am attempting to use a standard link to make a .doc available both for download, and to open in a new instance of Word. When I use this - <a href="H:\Intranet Pages\Tax Intranet Checklists 2009\5500Checklist.doc" target="_blank" title="5500">5500</a> It will give me two things - a pop-up asking whether to open or save, and a fresh browser window - but if I select Open, the document opens in that new browser window. I want it to prompt Word and open in the actual program as "Read Only". Is this possible? If so, what coding should I use? Thanks! how can i make an html code so i make Y! icon on web when some1 clicks it a chat window appears Hello I'm now well on my way to making my first website from html code. Please could someone give me the examples of: 1) Opening a link in current tab 2) Opening a link in new tab 3) Opening a link in a new window Okay here is the previous thread that lead me to this issue. http://www.htmlforums.com/html-xhtml...tml#post670803 It solved my issues of opening a new window based off of the selection in a drop down, how ever I have 13 drop downs and the script from the above thread only allows one drop down to work. The drop downs will increase, is there any way to get them all to work. Thanks dt_gry Hi all, I am wondering if anyone know how to have a link, once clicked, open a popup window WHILE also changing the page in the existing window. I know how to code them separately, but I do not know how to combine the two actions. HTML Code: <A HREF="javascript:popUp('popup.html')">link name</A>
My site currently uses the above code to open popup windows. Any help would be much appreciated, David Here is the case. I have an HTML page that opens a pop-up. Within the popup I need upon click to open a new window. The code is as it should be according to all references: <a href="some url" target="_blank">text</a> Everything is ok with IE6 and IE7 - a new window is being opened. What happens in Firefox is very strange - tabs are shown and the currently opened popup becomes one of the tabs and the new window opens in a new tab of the pop-up window instead in a new normal window. Did anybody encounter the same problem? Any solutions? I am trying to edit a website. The lightbox images on this page (after popping up) have the "X" and "Close" with the popup: http://www.ryekids.com/patients/treatments/care.php But for the life of me, I cannot get that "X" & "Close" on the office staff lightbox images on this other page: http://www.ryekids.com/office/staff.php Any pointers? Thanks in advance for your help and advice! Hi, I want to develop a webpage where I can display the images using LightBox.My question is how to use Lighbox plugin to make that happen.I have not used any tool(Dreamweaver) to design the webpage.I wrote HTML in the notepad. Any help is greatly appriciated. Thanks in advance. I am trying to modify the behaviour of an existing html page to use the Lightbox utility rather than opening a new browser window. The trouble is, no matter where in the source code I place the the Lightbox references ie: <link rel="stylesheet" href="lightbox.css" type="text/css" /> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="lightbox.js"></script> the function does not work. It also stops the behaviour of the sliding tabs. Would some mind taking a look at the attached html and advising me where Im going wrong. p.s. I have tried the lightbox utility in a new page thus: <html> <link rel="stylesheet" href="lightbox.css" type="text/css" /> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="lightbox.js"></script> <body> <a href="pulrosetest.jpg" rel="lightbox"> <img src="pulrose.jpg"> </body> </html> and it works fine. Thanks, Steve Hi, I have a load of images I want to appear in a series of lightboxes that look like the attached file. Ignore the blur latin. I just want the red text and to be able to click prev<->next to rotate the images. What do you think the best way to achieve this would be. I have looked at a few lightbox scripts but non will let be format the text the way I need. I am not to worried about the prev/next so long as they are there and the red text does not change so was thinking a HTML template in the lightbox that has the smarts to switch the images when prev/next is clicked. Any ideas welcomed. Cheers, Kevin. I am trying to figure out what code goes where (and how much of it, etc!), to add "lightboxes" to my images on my site. The desired "lightbox" effect can be seen when you click the images here- http://shop.vintageacademe.com/produ...r-satin-jacket And I want to add it to my site's images rather than having the viewer directed to a new page, example of my page seen here- http://decadence-fashion.co.uk/item3286.html I have some html knowledge, as my website is under construction, and really am hoping to add the lightbox system to all the pages! Please help! Thank You |
|||||||