<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META content="text/html; charset=us-ascii" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 8.00.6001.19088"></HEAD>
<BODY>
<DIV dir=ltr align=left><FONT color=#0000ff size=2 face=Arial><SPAN 
class=171302118-25062011>Hi,</SPAN></FONT></DIV>
<DIV dir=ltr align=left><FONT color=#0000ff size=2 face=Arial><SPAN 
class=171302118-25062011></SPAN></FONT>&nbsp;</DIV>
<DIV dir=ltr align=left><FONT color=#0000ff size=2 face=Arial><SPAN 
class=171302118-25062011>if you know the argument "tweet" from your evt.feature, 
then the below code should work:</SPAN></FONT></DIV>
<DIV dir=ltr align=left><FONT color=#0000ff size=2 face=Arial><SPAN 
class=171302118-25062011></SPAN></FONT>&nbsp;</DIV>
<DIV dir=ltr align=left><FONT face=Arial><FONT color=#0000ff><FONT 
size=2>function onFeatureSelect(evt) <BR>{<BR>&nbsp;&nbsp;&nbsp; selectedFeature 
= evt.feature;<BR><SPAN class=171302118-25062011>&nbsp;&nbsp;&nbsp; tweet = 
...;</SPAN></FONT></FONT></FONT></DIV>
<DIV dir=ltr align=left><FONT color=#0000ff size=2 face=Arial>&nbsp;&nbsp;&nbsp; 
popup = new 
OpenLayers.Popup.FramedCloud(<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
"chicken",<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
evt.feature.geometry.getBounds().getCenterLonLat(),<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
null,<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
popupHTML(tweet),&nbsp;&nbsp;<SPAN 
class=171302118-25062011>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</SPAN>&nbsp;<SPAN class=171302118-25062011>//returns the html 
string</SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
null, true, onPopupClose);<BR>&nbsp;&nbsp;&nbsp; evt.feature.popup = popup; 
<BR>&nbsp;&nbsp;&nbsp; map.addPopup(popup);<BR>}<BR></FONT></DIV><SPAN 
class=171302118-25062011></SPAN><FONT face=Arial><FONT color=#0000ff><FONT 
size=2>Arnd<SPAN class=171302118-25062011></SPAN></FONT></FONT></FONT><BR>
<DIV dir=ltr lang=de class=OutlookMessageHeader align=left>
<HR tabIndex=-1>
<FONT size=2 face=Tahoma><B>Von:</B> openlayers-users-bounces@lists.osgeo.org 
[mailto:openlayers-users-bounces@lists.osgeo.org] <B>Im Auftrag von </B>Nicholas 
Efremov-Kendall<BR><B>Gesendet:</B> Samstag, 25. Juni 2011 18:34<BR><B>An:</B> 
users@openlayers.org<BR><B>Betreff:</B> [OpenLayers-Users] passing html string 
to popup<BR></FONT><BR></DIV>
<DIV></DIV>Hi all,
<DIV><BR></DIV>
<DIV>I'm currently creating popups and populating their html content with the 
following code</DIV>
<DIV><BR></DIV>
<DIV><BR></DIV>
<DIV>
<DIV>function onFeatureSelect(evt)&nbsp;</DIV>
<DIV>{selectedFeature = evt.feature;</DIV>
<DIV>popup = new OpenLayers.Popup.FramedCloud(</DIV>
<DIV>"chicken",</DIV>
<DIV>evt.feature.geometry.getBounds().getCenterLonLat(),</DIV>
<DIV>null,</DIV>
<DIV>"&lt;div style='font-size:.8em'&gt;User Name: " +<A 
href="http://evt.feature.id" target=_blank>evt.feature.id</A> + 
"&lt;/div&gt;",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</DIV>
<DIV>null, true, onPopupClose);evt.feature.popup = popup; 
map.addPopup(popup);}</DIV></DIV>
<DIV><BR></DIV>
<DIV>rather than pull out the attributes myself, I'd like to pass in a preformed 
html string via a variable, but I'm not sure how to do this, and I currently 
lack a sufficient knowledge of jscript syntax to research this. I can form an 
html string via this function but I'm not sure how to pass it back to the popup 
function above...</DIV>
<DIV><BR></DIV>
<DIV>
<DIV>function popupHTML(tweet) {</DIV>
<DIV>var retval = '';</DIV>
<DIV>retval += '&lt;div class="tweet_info"&gt;';</DIV>
<DIV>retval += '&lt;img alt="' + tweet.from_user_id + '" src="' +</DIV>
<DIV>tweet.profile_image_url + '" class="tweet_profile"/&gt;';</DIV>
<DIV>retval += '&lt;h3&gt;' + tweet.from_user + '&lt;/h3&gt;';</DIV>
<DIV>retval += '&lt;p&gt;' + tweet.text + '&lt;/p&gt;';</DIV>
<DIV>retval += '&lt;p&gt;Source: &lt;a href="' + tweet.source + '"/&gt;' +</DIV>
<DIV>tweet.source + '&lt;/a&gt;&lt;/p&gt;';</DIV>
<DIV>retval += '&lt;/div&gt;';</DIV>
<DIV>return retval;</DIV>
<DIV>}</DIV></DIV>
<DIV><BR></DIV>
<DIV>thanks again in advance...</DIV></BODY></HTML>