|
HTML - Popup Window From A Clickable Image Code Trouble :(!!!
Hello all, I am so stuck , after spending all of last night reading and crawling across google to find coding for my problem, I am still so lost!
Basically, I have a webpage which is going to have lots of small clickable images on it, and each image is going to be linked to bring up a pop up window that opens up full screen (without scroll bars, no searchbar, etc, just a window thats resizeable), which will have the image click on as a larger view. I know this is javascript coding, but each time I found solutions across the net, it was usually only for if the page had one image that was going to be made larger. If you click on this site, this shows what I'm after (and click on one of the little images).... any ideas??? Similar TutorialsI recently created this website to highlight a trip to New Orleans. I did something similar for a trip last summer to Africa. As you can see, the pages are designed with small image icons, and you must click on the icons in order to see a popup of the full image. However, when viewing the page on monitors with lower resolutions, some of the images create a flickering effect and prevent the viewer from seeing the larger popup image. Does anyone have any recommendations? Ideally, I'd like to find a solution that doesn't require me to resize the images. After all, they're not that big. If someone can offer a particularly good solution I'd be willing to compensate you for your time, since I intend to create numerous more travel pages like these. Thanks! 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 can open the popup but when i try to open the image i cant see it because he comes to back i want a little help here plz. I am doing a job for school i am a amauter on html http://www.datafilehost.com/download-fc6cb3ce.html Can anyone shed some light on why this will not open in a new window to the specified measurements? PHP Code: <span>{literal}<script>function fbs_click() {u="{/literal}{$enc_url}{literal}";t="{/literal}{$title_short}{literal}";window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+enco deURIComponent(t)','sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; text-decoration:none; } </style> <a href="http://www.facebook.com/share.php?u={/literal}{$enc_url}{literal}&t={/literal}{$title_short}{literal}" class="fb_share_button" onclick="return fbs_click()" style="text-decoration:none;">Share on Facebook</a>{/literal}</span> It opens in a new tab as opposed to what I have specified 626x436. Any ideas welcomed. Geoserv. Hey I was hoping maybe someone could point me in the right direction. I'm looking for a technique to create a div popup window on a site automatically when it first loads. Its for a client of mine http://www.parkersonponce.com. Next week is their one year anniversary and they want to promote their specials, etc.. for next week on the homepage but the design is so tight knit already I'd have to redesign the site in order to have this so I was thinking to just have a div popup window to display the event ad would be a much simpler way, especially seeingthat they want to take it down after next week. I think this can be achieved with a z-index but I'm not sure the exact technique, anyways any help you guys/gals could give right away would be awesome. I have this JS of a popup. Two things I don't understand. First, when I look at it in Dreamweaver It shows in the design window the text ( link to popup ) how can I get rid of that. second question is, How can I get my popup smack right in the middle of the screen istead of top left. Thank you Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
function popitup(url) {
newwindow=window.open(url,'http://www.rrc.mb.ca','height=200,width=200,');
if (window.focus) {newwindow.focus()}
return false;
}
</script>
</head>
<body>
<input type=button value="Open Red River Collage" onclick="return popitup('http://www.rrc.mb.ca')" />
</body>
</html>
Hello all, Can anyone please send me some code to do this. i have an image. when someone clicks it i want a new window to popup, i can set the width and height. and there is a close window link when the window pops up that can close it. i know this is simple but everywhere i go tis so confusing.. any snippets or help?? thanks all!! What I want is to be able to execute a file from a batch file that will pop up a little window that says something like "installation complete" and then "close this window to continue" and that's it. Nothing fancy like resizeable or scroll bars or menu bars or anything like that. Just need to get the message across. I thought HTML might be the best to do this in because the machines it will run on might not have Java or .NET installed and will not have access to the internet to install them. I know I'm not supposed to just ask for people to code for me, but I thought this was about the easiest thing in the world for you people to do - a lot easier than some of the hard stuff I found looking around these forums. Thanks guys. I noticed that recently my home page is spewing out a noxious popup window! I never set up any popup windows in the code and the word "popup" does not exist in the code of the page. There is one Google adsense banner on the page, one Firefox3 advert link, and two affiliate links. My guess is that it's got to be one of the affiliate links. The popup window address always starts with the same IP # so the various popup are originating from the same place. Is there a quick way to find out the origin of the popup window? I am struggling with a tutorial right now. I have a picture that when clicked on takes the user to another PHP page. At the end of the URL I have added several variables that I send to the new page. Currently the above works. However, I also want to make it so the new window opens in a little pop up window that I can control the size of. I can make that happen, but only if I don't add the variables to the end of the URL. This works <a href="game.php?name=<? echo $gameName ?>&swf=<? echo $swf ?>&width=<? echo $width ?>&height<? echo $height ?>"><img src=<? echo $picture ?> width="310" height="223" border="0"></a> This works <a href="javascript:void(0);" NAME="<? echo $gameName ?>" title="Kesler" onClick=window.open("game.php","Ratting","width=<? echo $width ?>,height=<? echo $height ?>,0,status=0,");><img src=<? echo $picture ?> width="310" height="223" border="0"></a> But combined they do not work <a href="javascript:void(0);" NAME="<? echo $gameName ?>" title="Kesler" onClick=window.open("game.php?name=<? echo $gameName ?>&swf=<? echo $swf ?>&width=<? echo $width ?>&height<? echo $height ?>","Ratting","width=<? echo $width ?>,height=<? echo $height ?>,0,status=0,");><img src=<? echo $picture ?> width="310" height="223" border="0"></a> Anyone know how I go about this? Hi, I'm pretty sure there is a simple way of doing this but I have tried and cannot get great results. I want to be able to have the lower right logo on this page be clickable to a webpage. Thanks! Hi I have attached a file below. I am trying to develop window of that kind can anybody suggest me how to develop that window. Hi. In my HTML page I have a link that open a popup window. I want to send some data to this popup page (Same as sending data to other html page: home.html?DATA1="12"&DATA2="coolman") Is this possible? Hey folks, I'm having an issue with an image map, on some pages the areas I've mapped are not able to be clicked. It has something to do with the code above the image map, but I'm not sure exactly what is causing the issue. Here's the full page code: <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns="urn:schemas-microsoft-comfficeffice" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>DIVINEDESIGNJEWELRY.COM</title> </head> <body> <p align="center"> <img id="Image-Maps_1201007190938159" src="DD_Logo.jpg" usemap="#Image-Maps_1201007190938159" border="0" width="725" height="235" alt="" /> <map id="_Image-Maps_1201007190938159" name="Image-Maps_1201007190938159"> <area shape="rect" coords="6,179,105,215" href="http://www.divinedesignsjewelry.com/philosophy.htm" alt="" title="" /> <area shape="rect" coords="118,180,217,216" href="http://www.divinedesignsjewelry.com/givingback.htm" alt="" title="" /> <area shape="rect" coords="226,179,325,215" href="http://www.divinedesignsjewelry.com/collections.htm" alt="" title="" /> <area shape="rect" coords="331,180,416,216" href="http://www.divinedesignsjewelry.com/artisans.htm" alt="" title="" /> <area shape="rect" coords="420,180,500,216" href="http://www.divinedesignsjewelry.com/events.htm" alt="" title="" /> <area shape="rect" coords="506,180,586,216" href="http://www.divinedesignsjewelry.com/boutique.htm" alt="" title="" /> <area shape="rect" coords="602,179,700,215" href="http://www.divinedesignsjewelry.com/mailinglist.htm" alt="" title="" /> </map> </p> <div align="center"> <table border="1" width="57%" cellspacing="0" bordercolor="#DADADA"> <td> <p class="MsoNormal"><font color="#808080" face="Verdana"><b><u>EVENTS</u></b></font></p> <p class="MsoNormal"><font face="Verdana"><font color="#808080">Visit Divine Designs in Louisville, KY, September 12<sup>th</sup>-18th at </font> <a style="color: #808080; text-decoration: underline; text-underline: single" href="http://www.natqc.org/"> www.natqc.org</a></font></td> </table> <div> <p align=center> <img id="Image-Maps_1201007190938159" src="bottommenu.jpg" usemap="#Image-Maps_1201007190938159" border="0" width="710" height="46" alt="" /> <map id="_Image-Maps_1201007190938159" name="Image-Maps_1201007190938159"> <area shape="rect" coords="503,2,569,41" href="http://www.divinedesignsjewelry.com/press.htm" alt="" title="" /> <area shape="rect" coords="584,2,670,41" href="http://www.divinedesignsjewelry.com/contactus.htm" alt="" title="" /> </map></p></div> </body> </html> Any help would be greatly appreciated. The image map on the top works fine, the one on the bottom is the one that is not working at all. Thank you! http://www.grannysoycandles.com The menu links on the left side are working in IE but not in FF. Its only when they are in the "buttons" div. I put one in the "body" div and it worked fine. Any ideas why? Internet Explorer works fine Firefox does not weird...usually its the other way around... Quote: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Granny Soy Candles</title> <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> <style type="text/css"> :active, :focus{ outline:none; } </style> </head> <body bgcolor=#E0E0E0> <div id="div1"> <div id="banner"> <img src="http://www.grannysoycandles.com/images/banner.jpg"> </div> </div> <div id="div2"> <div id="body"> <center><b><h3>Welcome To Granny Soy Candles</h3></b></center> Welcome to the new home of Granny Soy Candles. Please be patient while the site is updated and created. We will be up and running within the next few weeks. Very soon we will be providing you with quality soy candles that are better for your home and your family. Please come back and visit us soon! <br> </div> <div id="buttons"> <a href="http://www.grannysoycandles.com/"><img src="http://www.grannysoycandles.com/images/home1.jpg" border="0"></a> <br> <a href="http://www.grannysoycandles.com/candles.html"><img src="http://www.grannysoycandles.com/images/candles0.jpg" border="0"></a> <br> <img src="http://www.grannysoycandles.com/images/button0.jpg" border="0"> <br> <img src="http://www.grannysoycandles.com/images/button0.jpg" border="0"> <br> <img src="http://www.grannysoycandles.com/images/button0.jpg" border="0"> <br> </div> <div id="div3"> </div> </body> </html> Quote: #div1 { background: url(images/bgheader.jpg) repeat-x; float: left; width: 915px; height: 165px; } #div2 { background: url(images/bgmiddle.jpg); background-repeat: repeat; float: left; width: 915px; } #div3 { background: url(images/bgfooter.jpg) repeat-x; float: left; width: 915px; height: 51px; } #banner { padding-top: 30px; padding-left: 1px; } #buttons { padding-top: 30px; } #body { position: absolute; width: 675px; padding-left: 220px; padding-top: 15px; } Hi, i have a strange offset of content in top and left sides in popup windows. in the link below you can see the problem if you click on any little squa http://www.mantasn.puslapiai.lt/ does anybody know any easy solution to fix that? i mean i want to get rid of these white empty spaces in top and left in the popup. i used this script to define the popup size(maybe there's the problem): <script type="text/javascript"> <!-- function popup(mylink, windowname) { if (! window.focus)return true; var href; if (typeof(mylink) == 'string') href=mylink; else href=mylink.href; window.open(href, windowname,'width=805,height=605,left=100,top=200,scrollbars=no'); return false; } //--> </script> thanx for help in advance, i am still very new to this whole html thing.. hai, could anyone plz tell me, how to open window popup in current html page ( that means not in different window) without statusbar,locationbar,titlebar and menubar and scrollbar. Thanks®ards kelvin Hi all, I'm currently using the script below to resize a user's browser window when the site is opened: Code: <script language="JavaScript"> <!-- window.resizeTo(850,630) --> </script> Is there a piece of code I can add to this so that the browser window cannot be resized? This isn't a popup window, just the standard window. Thanks in advance, Baskervillain. I've got some hyperlinks underneath a (transparent) image. Because of this, they're not clickable. Mouse hover isn't even detected. Is there any way round this without placing the image beneath the hyperlinks? |
|||||||