|
HTML - Hotspot Popup
Hi! I'm creating a website for my portfolio for all the videos that I have created during college. I have some hotspots on an image that I would like to use for the site, but I don't know how to create them as pop-ups (whenever I click on the hotspots the opened window just gets redirected to another page). I would like for these hotspots to open up a seperate window with my videos in them, and I'd also like the popup window to be a certain size. Can anyone let me know how to do this? Thanks.
Similar TutorialsI want to make a few hotspots on my home page for a little unique navigation of the site. You can see the page at http://www.collegeisboring.com/hjb/design/index.htm. I want hotspots on the street signs. The code I am trying to use is: <div id="categorymenu"> <img src="images/streetsign2.gif" /> <area shape="poly" coords="336,226,386,106,244,98" href="index.htm" alt="Home" /> </div> I am using Dreamweaver, but it just doesn't recognize that hotspot at all and the hotspot tool isn't working. Any tips? Hello! I was given some code by a very helpful person for my site (sailormoonthemovie.com/test2.html). I am a total beginner with HTML and usually just copy and paste into dreamweaver. Only now after bringing this new code into dreamweaver, it wont let me draw hotspots onto my main layout image (with the youtube, twitter and facebook squares) which I would like to turn into links. I'm pretty sure there is a really easy way of doing this but without it functioning in dreamweaver the way it did before, I'm totally lost. Thank you so much for any help or suggestions! Hi guys, new to the forum and it looks like a helpful place. I've searched for my answer but can't find the solution hence why I'm posting here. What I want to do I imagine shouldn't be too difficult but I'm very new to this and trying to teach myself as I go. What I have is an image with various hotspots on it pointing to different pages. Now My hot spots work fine which amazed me but i what i need to be able to do is when i rollover a hot spot a pop up type window comes up showing a small amout of information about the page its linked to and a small image of same web page. I would appreciate any help but please bear in mind I am really new to all this so instructions wil have to be really basic or you'll just lose me. Oh and I'm using dreamweaver if that helps. If this is possible in one of the other adabe programmes where I could save all the information on the image or whatever then I'm willign to try anything. Cheers guys. Hi, sorry for my english. I'm searching a script to make a particulary popup. In this link there is an example, is flash popup with spot Microsoft. LINK EXAMPLE POPUP I use this code but I search the code for flash popup not for img popup Code: <script>
Crea();
function Crea(){
var div = document.createElement('DIV');
div.id='Banner';
div.style.position ='absolute';
div.style.top = "250px"; // Distanza dall'alto
div.style.left = "200px"; // distanza da sinistra
div.onclick = Chiudi;
div.innerHTML='<img src=popup.jpg>'; // Percorso immagine
document.body.insertBefore(div, document.body.firstChild);
}
function Chiudi(){
var div=document.getElementById('Banner');
div.style.display='none';
}
</script>
Thanks We have an web application that currently uses standard javascript popups. If we change them to open in a new tab instead of popups, will popup blockers still treat the opening into a new tab as a popup? Thanks, s-one Hi Guys/Girls, Im in a sticky situation i have been searching the web and forums for a tutorial or example on how to create a popup box when the mouse cursor glides over it. what i want to achieve is something like this if you can please browse to http://www.uncle-buck.co.uk/Need-Mon...ncle-Buck.htm# if you hover over "See representative example >" you will see a popup box appear i want to achieve just that im not fussed on the color etc at the moment i ideally would like to get the functionality working correctly and then make it look nice later. if someone can help me i really would appreciate or even better if you know of or have seen a tutorial based on this then please do share it with me. Hope to hear from someone soon. Thanks Hello everybody, I am trying to make a simple text link that will lead to another (external) url but also will appear a popup window there, in the new url. How can I compine these two actions in a link? Thanks in advance Jim Hi, I'm having an issue with my website.. I can' t open my popups anymore. If you click on any of the pictures you will see that nothing happen. http://bridge.narbonne.assoc.pagespr...animations.htm I'm not a webmaster, and this is a old website... Maybe I guess it needs some modifications in the code? This is javascript... Thank you for your help. Cheers I want to put a link on my page, and when the viewer puts the mouse over, I want there to be a choice of two links to choose from and click. What's the best way to do this and is there any disadvantage to the method? Hi guys, I am looking to do something specific. I really have no idea on how to do it. I have seen something on a site and I said to myself: "Ohh my gosh, I want this on my site!" It is like a html page that goes over another html page (such as a popup but for the whole page). I assume that the background is a png transparent image but huhhh.. How can I do such things? I want this popup to act as a "Error message displayer" kinda. Let's say a user try to login and enter an inccorect password. I want this popup to show up. Thanks, PS: Sorry if I am not clear but I think you get it with the picture. Thanks guys, 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. 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>
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. Hello, I need some help with showing a pop-up in an application. This is a part of the HTML: HTML Code: <?xml version="1.0" standalone="yes"?>
<Legendgroup>
<Name>AERO</Name>
<DisplayName>Aerorama's</DisplayName>
<ShowInLegend>true</ShowInLegend>
<DefaultVisibility>true</DefaultVisibility>
<Legendentries>
<Legendentry>
<Name>AERO11</Name>
<DisplayName>Aerorama's 2011</DisplayName>
<MinScale>0</MinScale>
<MaxScale>2501</MaxScale>
<ConnectionName>Spatial</ConnectionName>
<TableName>AERORAMA</TableName>
<WhereClause>Where EXPIRED is null</WhereClause>
<Tooltip>Toon Aerorama: <%.RECORDINGDATE%></Tooltip>
------------------------------------------------------------------
<ShowInLegend>true</ShowInLegend>
<DefaultVisibility>true</DefaultVisibility>
<IsRaster>false</IsRaster>
<DisplaySymbology>
<Color>RGB(0,165,0)</Color>
<Font>WebDings</Font>
<FontChar><![CDATA[µ]]></FontChar>
<TextSize>10</TextSize>
</DisplaySymbology>
<HotspotSymbology>
<Color>RGB(231,99,231)</Color>
<Weight>3</Weight>
</HotspotSymbology>
</Legendentry>
</Legendentries>
</Legendgroup>
I can select the symbol and want to open a new window (pop-up). In the table AERORAMA there is a column named PATH and contains this kind of info: \\st001b\Data\GIS Fotos\Fotos\Aerorama\zuid\BopZ_0004.html It's a path on some internal storage drive. I want the file above to be openend in the new window. How can i alter the HTML code above to make this happen? I thank you already! Marteijn Hello! I am in need of some assistance with pop-up windows... Thisis an example of the code I am currently using for pop-up windows (below), it opens a new window that displays an image and it works great!... Only now I require the same format (including the text underneath), only instead of having the pop-up windows display images, I need them to display a body of text in html format.... Can anyone please assist me with this? Thank you!!! <center><html> <head> <style type="text/css"> div.img { margin:2px; border:0px solid #0000ff; height:auto; width:auto; float:left; text-align:center; } div.img img { display:inline; margin:3px; border:1px solid #ffffff; } div.img a:hover img { border:1px solid #0000ff; } div.desc { text-align:center; font-weight:normal; width:120px; margin:2px; } </style> </head> <body> <div class="img"> <a target="_blank" href="klematis_big.htm"> <img src="klematis_small.jpg" alt="Klematis" width="200" height="150" /> </a> <div class="desc">Add a description of the image here</div> </div> <div class="img"> <a target="_blank" href="klematis_big.htm"> <img src="klematis_small.jpg" alt="Klematis" width="200" height="150" /> </a> <div class="desc">Add a description of the image here</div> </div> <div class="img"> <a target="_blank" href="klematis_big.htm"> <img src="klematis_small.jpg" alt="Klematis" width="200" height="150" /> </a> <div class="desc">Add a description of the image here</div> </div> </body> </html> hello, how can I create a full screen pop up like the boss panic button on www.workoplis.com the code i saw was Code: <a href="javascript:void(0);" onClick="fullScreen('http://www.workopolis.com/boss_button.html');" class="nav2off" target="_top">Boss Panic Button</a>
thanks in advance.. Hi it is possible to have a pop up appear when the mouse is passed over an image/link Also is this code complecated code because im only a novice. thanx. This is a real newbie question. I'd like a one of my links to be a popup into a smaller window w/out the File, Edit, View, Address bar, etc. I can do it with java like win = window.open(blah blah blah) but can I do it w/just HTML? Hi guys I'm pretty new to web design and am just really learning as I go along. I've just launched a new site at www.SquaredCircleRadio.com (built pretty basically in Frontpage) and have a couple of questions regarding hyperlinks opening in new windows. My main problem is that I have 2 pages that i'd like to popup in seperate smaller windows. (player.htm and plaza.htm) however i'm having problems coming up with the solution. A couple of these need to be activated by clicking on Hyperlinked text and one of them by clicking on an image. I'd be very grateful for any help anyone could give me!! Many Thanks 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!! |
|||||||