Hola, <br><br>El código que te pasé funciona bien. El problema lo tienes
en la función charting que estas retornando el vis que es un objeto de
tipo pv.Panel y no el div con el contenido del grafico como yo lo puse
en el código que te envié. Ver archivo adjunto<br>
<br>Mira bien la función charting que te envié en el mail anterior<br><br>saludos,<br>Bolo<br><br><br><div class="gmail_quote">El 19 de abril de 2012 10:54, J.Alejandro Martinez Linares <span dir="ltr"><<a href="mailto:islanis@infomed.sld.cu">islanis@infomed.sld.cu</a>></span> escribió:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Hola Wladimir,<br>
aca hice lo que me pediste y me esta dando un error ahora, que es this.size is null,pero bueno en la imagen que pongo aparece el error y ni idea porque al popup le estoy pasando un tamaño nuevo, uff esto es mas pesado de lo que parece. bueno aca les dejo el codigo y la imagen de lo que dicho codigo hace, gracias aprecio mucho su trabajo, no saben la ayuda que me estan dando,<div class="im">
<br>
<br>
<html><br>
<head><br>
<br>
<title>OpenLayers Example</title><br>
<link rel="stylesheet" href="style.css" type="text/css"><br>
<br></div><div class="im">
<script src="lib/Firebug/firebug.js"><<u></u>/script><br>
<script src="lib/OpenLayers.js"></<u></u>script><br>
<br>
<script src="charts/protovis.js" type="text/javascript"></<u></u>script><br>
<script src="charts/jquery-1.4.2.min.<u></u>js" type="text/javascript"></<u></u>script><br>
<script src="charts/jquery.tipsy.js" type="text/javascript"></<u></u>script><br>
<script src="charts/tipsy.js" type="text/javascript"></<u></u>script><br></div>
<link href="charts/tipsy.css" type="text/css" rel="stylesheet"/><div class="im"><br>
<br>
<br>
</head><br>
<body onload="load()"><br>
<div id="map" class="smallmap"><br></div>
<div id="panel"></div><div class="im"><br>
</div><br>
<script defer="defer" type="text/javascript"><br></div>
//OpenLayers.ProxyHost = "proxy.cgi?url=";<br>
//OpenLayers.Console.log();<br>
var nuchart=null;<br>
var oldchart;<br>
var map;<br>
var chart;<br>
<br>
function charting(){<br>
<br>
if(nuchart==null)<br>
{<br>
}else<br>
{<br>
document.getElementById('map')<u></u>.removeChild(nuchart);<br>
nuchart=null;<div class="im"><br>
}<br>
<br>
<br>
var data = pv.range(10).map(Math.random),<br>
w = 400,<br>
h = 250,<br>
x = pv.Scale.linear(0, 1).range(0, w),<br>
y = pv.Scale.ordinal(pv.range(10))<u></u>.splitBanded(0, h, 4/5);<br>
<br>
var vis = new pv.Panel()<br>
.width(w)<br>
.height(h)<br>
.bottom(20)<br>
.left(20)<br>
.right(10)<br>
.top(5)<br></div>
.canvas(document.<u></u>getElementById('map').<u></u>appendChild(nuchart=document.<u></u>createElement("div"))) ;<div class="im"><br>
<br>
<br>
var bar = vis.add(pv.Bar)<br>
.data(data)<br>
.top(function() y(this.index))<br>
.height(y.range().band)<br>
.left(0)<br>
.width(x)<br>
.title(function(d) d.toFixed(1))<br>
.event("mouseover", pv.Behavior.tipsy({gravity: "w", fade: true}));<br>
<br>
bar.anchor("left").add(pv.<u></u>Label)<br>
.textMargin(5)<br>
.textAlign("right")<br>
.text(function() "ABCDEFGHIJK".charAt(this.<u></u>index));<br>
<br>
vis.add(pv.Rule)<br>
.data(x.ticks())<br>
.left(function(d) Math.round(x(d)) - .5)<br>
.strokeStyle(function(d) d ? "rgba(255,255,255,.3)" : "#000")<br>
.add(pv.Rule)<br>
.bottom(0)<br>
.height(5)<br>
.strokeStyle("#000")<br>
.anchor("bottom").add(pv.<u></u>Label)<br>
.text(function(d) d.toFixed(1));<br>
vis.render();<br></div>
return vis;<div class="im"><br>
<br>
}<br>
<br>
function mostrarMapa(c){<br>
var bounds = new OpenLayers.Bounds<br>
(<br>
-84.956, 19.825,<br>
-74.132, 23.984<br>
);<br>
vlayer = new OpenLayers.Layer.Vector( "Editable" );<br>
var options = {<br>
controls: [<br>
new OpenLayers.Control.Navigation(<u></u>),<br>
//new OpenLayers.Control.PanZoomBar(<u></u>),<br>
new OpenLayers.Control.<u></u>EditingToolbar(vlayer),<br>
new OpenLayers.Control.PanZoom(),<br>
new OpenLayers.Control.NavToolbar(<u></u>),<br>
new OpenLayers.Control.<u></u>LayerSwitcher(),<br>
new OpenLayers.Control.<u></u>Attribution(),<br>
new OpenLayers.Control.Permalink()<u></u>,<br>
new OpenLayers.Control.ScaleLine()<u></u>,<br></div>
///new OpenLayers.Control.<u></u>NavigationHistory(),<div class="im"><br>
new OpenLayers.Control.<u></u>OverviewMap(),<br>
new OpenLayers.Control.<u></u>WMSGetFeatureInfo(),<br>
new OpenLayers.Control.<u></u>MousePosition(),<br>
new OpenLayers.Control.<u></u>MouseToolbar()<br>
],<br>
maxExtent: bounds,<br>
maxResolution: 0.04228125,<br>
projection: "EPSG:4326",<br>
units: 'degrees'<br>
};<br>
<br></div><div class="im">
map = new OpenLayers.Map('map',options);<br>
nav = new OpenLayers.Control.<u></u>NavigationHistory();<br></div>
// parent control must be added to the map<div class="im"><br>
map.addControl(nav);<br>
panel = new OpenLayers.Control.Panel(<br>
{div: document.getElementById("<u></u>panel")}<br>
);<br>
panel.addControls([nav.next, nav.previous]);<br>
map.addControl(panel);<br>
<br>
var political = new OpenLayers.Layer.WMS(<br>
"provincias WMS",<br>
"<a href="http://localhost:8080/geoserver/une/wms" target="_blank">http://localhost:8080/<u></u>geoserver/une/wms</a>",<br>
{'layers': 'une:uneProvincia',<u></u>transparent: true, format: 'image/gif'},<br>
{isBaseLayer: true}<br>
);<br>
<br>
var highlight = new OpenLayers.Layer.Vector(<br>
"Highlighted Features",<br>
{displayInLayerSwitcher: false, isBaseLayer: false }<br>
);<br>
<br>
<br>
<br>
map.addLayers([political, highlight,vlayer]);<br>
<br></div>
map.events.register('click',<u></u>map,pop);<br>
//////////////////////////////<u></u>//////////////////////////////<u></u>//////////////////////////////<u></u>//////////////////////////////<u></u>//////////////////////////////<u></u>///// <br>
<br>
<br>
//////////////////////////////<u></u>//////////////////////////////<u></u>//////////////////////////////<u></u>//////////////////////////////<u></u>//////////////////////////////<u></u>///// <br>
<br>
<br>
//OpenLayers.Console.debug(<u></u>info.output);<br>
//OpenLayers.Console.dir(map);<br>
// map.addControl(info);<br>
// info.activate();<br>
<br>
map.addControl(new OpenLayers.Control.<u></u>LayerSwitcher());<br>
map.zoomToMaxExtent();<br>
}<br>
function pop(e){<br>
chart=charting();<br>
var p=new OpenLayers.Popup.FramedCloud(<br>
"chicken",<br>
map.getLonLatFromPixel(e.xy),<br>
new OpenLayers.Size(400,250),<br>
$(chart).html(),//charting()+"<u></u>hola",//charting(),<br>
null,<br>
true<br>
);<br>
map.addPopup(p);<div class="im"><br>
}<br>
function load() {<br>
///var chart=charting();<br>
mostrarMapa(3);<br>
<br>
///OpenLayers.Console.dir(a);<br>
//a.write("map");<br>
}<br>
</script><br></div>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<div id="docs"><br>
<br>
<?php<br>
if (isset($_GET['ancho']) AND isset($_GET['altura'])) {<br>
// imprimir las variables de geometria<br>
echo "El ancho de la pantalla es: ". $_GET['ancho'] ."<br />\n";<br>
echo "La altura de la pantalla es: ". $_GET['altura'] ."<br />\n";<br>
}<br>
else<br>
{<br>
// pasar las variables de geometria<br>
// (preservar la cadena query original<br>
// -- las variables post deberan ser pasadas de otra forma)<br>
<br>
echo "<script language='javascript'>\n";<br>
echo " location.href=\"${_SERVER['<u></u>SCRIPT_NAME']}?${_SERVER['<u></u>QUERY_STRING']}". "&ancho=\" + screen.width + \"&altura=\" + screen.height;\n";<br>
echo "</script>\n";<br>
exit();<br>
<br>
}<br>
?><div class="HOEnZb"><div class="h5"><br>
</div><br>
<br>
</body><br>
</html><br>
<br>
<br>
--<br>
<br>
Este mensaje le ha llegado mediante el servicio de correo electronico que ofrece Infomed para respaldar el cumplimiento de las misiones del Sistema Nacional de Salud. La persona que envia este correo asume el compromiso de usar el servicio a tales fines y cumplir con las regulaciones establecidas<br>
<br>
Infomed: <a href="http://www.sld.cu/" target="_blank">http://www.sld.cu/</a><br>
</div></div><br>_______________________________________________<br>
Spanish mailing list<br>
<a href="http://lists.osgeo.org/mailman/listinfo/spanish" target="_blank">http://lists.osgeo.org/mailman/listinfo/spanish</a><br>
<a href="http://es.osgeo.org" target="_blank">http://es.osgeo.org</a><br>
<a href="http://twitter.com/osgeoes" target="_blank">http://twitter.com/osgeoes</a><br>
<br></blockquote></div><br><br clear="all"><br>-- <br>Saludos,<br><br>Bolo<br><a href="http://www.geoinquiets.cat" target="_blank">www.geoinquiets.cat</a><br><br>