<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=unicode">
<META content="MSHTML 6.00.5730.11" name=GENERATOR></HEAD>
<BODY id=MailContainerBody 
style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 15px" 
bgColor=#ffffff leftMargin=0 topMargin=0 CanvasTabStop="true" 
name="Compose message area">
<DIV><FONT face=Arial size=2>Dear Eric,</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2>I am into great fuss over here</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV>The pop up id does not work coz popup is made afterwards<BR><BR>I may need 
to use marker name or something<BR><BR>The clear situation is something as 
this:- <BR><BR>I am making a feature in which a user can mark a point on map,add 
photos<BR>&nbsp;<BR>the user marks the point, enters name , uploads 
images<BR>&nbsp;<BR>then on mouse over the marker the images are fetched using 
name entered above from folder of that name<BR>&nbsp;<BR>then user marks second 
popup,enters name,uploads images<BR>&nbsp;<BR>now when user takes cursor on this 
pop up new images are fetched using new name entered<BR>&nbsp;<BR>Now the 
problem<BR>&nbsp;<BR>When user takes cursor to first popup , it shows images of 
second pop up coz name value is changed <BR>and its using changed name value to 
fetch images.<BR>&nbsp;<BR>I tried to use markers layer id instead of name but 
it also changes every time....<BR><BR>if I try to set this.markers.name above 
<BR><BR>&nbsp;markers.events.register('mouseover', markers, function(evt) 
{&nbsp; <BR><BR><BR>Nd then try to use this.markers.name after this code to 
fetch images it says<BR>this.markers.name is 
undefined....<BR><BR><BR><BR>&nbsp;map.events.register("click", map, function(e) 

<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
var lonlat = 
map.getLonLatFromViewPortPx(e.xy);<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
var maplat = 
lonlat.lat;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
var maplon=lonlat.lon 
;<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
//document.getElementById("lati").value=maplat;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
//document.getElementById("long").value=maplon;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
var markers = new OpenLayers.Layer.Markers( "Markers" 
);<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
map.addLayer(markers);<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
var size = new 
OpenLayers.Size(33,28);<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
var offset = new OpenLayers.Pixel(-(size.w), 
-size.h);<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
var icon = new 
OpenLayers.Icon('http://localhost/maplab/interactive-maps/img/poi.gif',size,offset);<BR>var 
marker =new OpenLayers.Marker(new 
OpenLayers.LonLat(maplon,maplat),icon)<BR>&nbsp;&nbsp;&nbsp; 
markers.addMarker(marker);<BR><BR>&nbsp;var 
name=prompt("Name","")<BR>marker.id=name;<BR>&nbsp;alert(marker.id);<BR>var p 
=prompt ("Desc","")<BR>var answer = confirm("Do u want to upload any 
images?")<BR>if (answer){<BR>var pwin = 
window.open("test.php?name="+name,"test","width=300,height=180,status=no,resizable=no");<BR>}<BR>var 
bbc="";<BR><BR>imagestr="&lt;img width=100px height=100px 
src='images/"+name+"/";<BR>&nbsp; markers.events.register('mouseover', markers, 
function(evt) {&nbsp; <BR>&nbsp; var pin=new 
OpenLayers.Control.MousePosition({prefix: 'Lon: ', separator: ' 
Lat:'})<BR>&nbsp; alert(pin);<BR>&nbsp; returnimages(marker.id); //<FONT 
color=#0000ff>This function fetches images with name sent of folder but id of 
marker changes each time name changes 
above)<BR></FONT>&nbsp;&nbsp;<BR><BR>&nbsp;&nbsp; var check = 
document.getElementById('check_bol').value;<BR>&nbsp;&nbsp; 
alert(check);<BR><BR>if(check){<BR>var string_result = 
document.getElementById('string');//(final images string fetched)<BR>&nbsp; 
bbc=string_result.value;<BR>alert(bbc);<BR>&nbsp; feature = new 
OpenLayers.Feature(layer,new OpenLayers.LonLat(maplon,maplat));<BR>var coord = 
new OpenLayers.LonLat(maplon,maplat);<BR>&nbsp;&nbsp;&nbsp; var si = new 
OpenLayers.Size(240,410);<BR>imagestr_final=bbc;<BR>var link ="&lt;a 
href='javascript:onPopupClose(name);' &gt;Refresh Images&lt;/a&gt;";<BR>var temp 
="&lt;br&gt;&lt;b&gt;&lt;u&gt;"+name+"&lt;/u&gt;&lt;/b&gt;&lt;BR&gt;&lt;BR&gt;&lt;b&gt;Description:-&lt;/b&gt;&lt;FONT 
type=verdana 
size=3&gt;"+p+"&lt;/font&gt;&lt;br&gt;&lt;br&gt;"+imagestr_final+"&lt;br&gt;"+link+"&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
// popup = new OpenLayers.Popup("pof",coord,si,temp,true 
,{autoSize:true},{panMapIfOutOfView:true});<BR>&nbsp;&nbsp;&nbsp; popup = new 
OpenLayers.Popup.FramedCloud(name,coord,si,temp,null, 
true);<BR>popup.setContentHTML(temp);<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
map.addPopup(popup); 
<BR>document.getElementById('check_bol').value="false";<BR>}<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<BR>});<BR>/*markers.events.register('mouseout', markers, function(evt) 
{markers.map.removePopup(popup);<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
popup.destroy();<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
popup = null;&nbsp; 
<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<BR>}); */<BR><BR><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); </DIV>
<DIV>&nbsp;</DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2>Pls suggest something....</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2>Regards</FONT></DIV>
<DIV><FONT face=Arial size=2>Kusum</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><BR>--------------------------------------------------<BR>From: "Eric 
Lemoine" &lt;eric.c2c@gmail.com&gt;<BR>Sent: Saturday, May 17, 2008 3:33 
AM<BR>To: "Kusum" &lt;kusum@infobase.in&gt;<BR>Cc: "Christopher Schmidt" 
&lt;crschmidt@metacarta.com&gt;; "Openlayers Users" 
&lt;users@openlayers.org&gt;<BR>Subject: Re: [OpenLayers-Users] popup hidden 
when goes on sides of viewport<BR><BR>&gt; On Thu, May 15, 2008 at 2:21 PM, 
Kusum &lt;kusum@infobase.in&gt; wrote:<BR>&gt;&gt; Dear 
all<BR>&gt;&gt;<BR>&gt;&gt; I am caught in a very difficult situation. In my 
application the user marks<BR>&gt;&gt; a point on map and enters description to 
the point.<BR>&gt;&gt; Aslo uploads photos.<BR>&gt;&gt; a folder is made into 
which the uploaded photos go and then I fetch the<BR>&gt;&gt; string for all 
photos in folder.<BR>&gt;&gt; And then the description and photos are seen in 
popup.<BR>&gt;&gt; But if the user marks a second point and uploads other photos 
in other<BR>&gt;&gt; folder and then sees the popup.<BR>&gt;&gt; In second popup 
new photos are seen but then photos of first popup also<BR>&gt;&gt; change as 
now they start using the new fetched image string for new 
popup.<BR>&gt;&gt;<BR>&gt;&gt; Isn't there an id corresponding each FramedCloud 
popup that I can assign and<BR>&gt;&gt; later use to fetch photos corresponding 
to it.<BR>&gt; <BR>&gt; If you pass null as the first arg to the popup 
constructor, OL will<BR>&gt; create a popup id for you which you can refer to 
using popup.id. Would<BR>&gt; that help?<BR>&gt; <BR>&gt; --<BR>&gt; 
Eric</DIV></BODY></HTML>