Received: by 10.180.100.103 with SMTP id ex7mr1531698wib.0.1330470338146; Tue, 28 Feb 2012 15:05:38 -0800 (PST) X-BeenThere: google-visualization-api@googlegroups.com Received: by 10.180.6.74 with SMTP id y10ls9127700wiy.4.canary; Tue, 28 Feb 2012 15:05:29 -0800 (PST) Received: by 10.180.24.69 with SMTP id s5mr1966695wif.0.1330470329410; Tue, 28 Feb 2012 15:05:29 -0800 (PST) Received: by 10.180.24.69 with SMTP id s5mr1966694wif.0.1330470329380; Tue, 28 Feb 2012 15:05:29 -0800 (PST) Return-Path: Received: from mail-we0-f195.google.com (mail-we0-f195.google.com [74.125.82.195]) by gmr-mx.google.com with ESMTPS id ek10si6509645wid.0.2012.02.28.15.05.29 (version=TLSv1/SSLv3 cipher=OTHER); Tue, 28 Feb 2012 15:05:29 -0800 (PST) Received-SPF: pass (google.com: domain of wenhon...@gmail.com designates 74.125.82.195 as permitted sender) client-ip=74.125.82.195; Authentication-Results: gmr-mx.google.com; spf=pass (google.com: domain of wenhon...@gmail.com designates 74.125.82.195 as permitted sender) smtp.mail=wenhon...@gmail.com; dkim=pass header...@gmail.com Received: by werm1 with SMTP id m1so293583wer.2 for ; Tue, 28 Feb 2012 15:05:29 -0800 (PST) Return-Path: Received-SPF: pass (google.com: domain of wenhon...@gmail.com designates 10.180.78.233 as permitted sender) client-ip=10.180.78.233; Received: from mr.google.com ([10.180.78.233]) by 10.180.78.233 with SMTP id e9mr11964182wix.0.1330470329354 (num_hops = 1); Tue, 28 Feb 2012 15:05:29 -0800 (PST) DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=gmail.com; s=gamma; h=mime-version:in-reply-to:references:date:message-id:subject:from:to :content-type; bh=Rs1v2jzrah+LLiEIAapqViM/at311JnrsVkDid1E6TM=; b=WCsLTUyoL4rrM9s7Ih7WqNCh58EzAkZA5ki+7fDg7GHYERgzsZuGyJ6ps6RhzUQ029 OncQuGVcyNYoQu3Ya14thINSPu115spzKr4JuPQvimUxy0W4eDhVJblNZT7jp4GkXXo+ hi8JUbRwFPJUwjzBEmI+WUmdTbtdFmSQB7CGE= MIME-Version: 1.0 Received: by 10.180.78.233 with SMTP id e9mr9542000wix.0.1330470329191; Tue, 28 Feb 2012 15:05:29 -0800 (PST) Received: by 10.223.145.17 with HTTP; Tue, 28 Feb 2012 15:05:29 -0800 (PST) In-Reply-To: <15085681.990.1330461383952.JavaMail.geo-discussion-forums@vbxv4> References: <153d23ca-8e70-4790-a6df-a2bf38fd8...@z31g2000vbt.googlegroups.com> <5783218.5911.1330029092901.JavaMail.geo-discussion-forums@vblb5> <7558905.11246.1330030832503.JavaMail.geo-discussion-forums@vbkl3> <32541677.139.1330111647363.JavaMail.geo-discussion-forums@ynil17> <23323620.41.1330112888369.JavaMail.geo-discussion-forums@yndq20> <2411973.5245.1330457887028.JavaMail.geo-discussion-forums@vbbfy7> <15085681.990.1330461383952.JavaMail.geo-discussion-forums@vbxv4> Date: Tue, 28 Feb 2012 16:05:29 -0700 Message-ID: Subject: Re: [visualization-api] Re: OrgChart with bubble text popup From: wenhong ma To: google-visualization-api@googlegroups.com Content-Type: multipart/alternative; boundary=f46d043c81bc5b0d7204ba0e43e7 --f46d043c81bc5b0d7204ba0e43e7 Content-Type: text/plain; charset=ISO-8859-1 well, then I used the load ajax and it works perfectly and so user could update the html file. O\'NEIL OUTAR On Tue, Feb 28, 2012 at 1:36 PM, asgallant wrote: > You need to initialize PrettyPhoto after the org chart has finished > drawing, otherwise the links don't exist yet. Try it this way: > > var chart = new google.visualization.OrgChart(document.getElementById( > 'chart_div')); > > google.visualization.events.addListener(chart, 'ready', function () { > > $("a[rel^='prettyPhoto']").prettyPhoto(); > }); > > chart.draw(data, {allowHtml:true, size:'small', color:"green", > selectionColor:"yellow"} ); > > > > On Tuesday, February 28, 2012 2:38:06 PM UTC-5, wenhong ma wrote: > >> I am using PrettyPhoto, and I have problem with the link inside >> [{v:'O\'NEIL OUTAR', f:'CHIEF ADVANCEMENT OFFICER
> href="#inline_demo" rel="prettyPhoto[inline]">O\'**NEIL OUTAR'}, '', >> 'Chief Officer'], and I tested working outside fine - > href="#inline_demo" rel="prettyPhoto[inline]" >O\'NEIL OUTAR >> >> Anything I missed? Is it because the link is inside draw? I copied the >> code below: >> >> > http://www.w3.org/TR/xhtml1/**DTD/xhtml1-strict.dtd >> "> >> >> >> >> > media="screen" charset="utf-8" /> >> >> >> >> >> >> >> >>
> **div> >> O\'NEIL OUTAR >> >> >> >> >> >> On Friday, February 24, 2012 12:48:08 PM UTC-7, asgallant wrote: >>> >>> You'll have to ask the Slimbox people if you can use just text; I know >>> nothing about it. PrettyPhoto allows any type of content, if you decide to >>> go with that. >>> >>> You didn't paste the whole line, but I'm guessing that the outer quotes >>> are single-quotes, so you would not need to escape the double quotes on the >>> inside, but you would need to escape the single-quotes: >>> >>> onclick=\'Slimbox.open("Outar2**00x301.gif", "She joined the University >>> of Alberta as Associate Vice President\'s") >>> >>> >>> >>> I feel kind of stupid right now, because I looked over the Org Chart >>> documentation and to my surprise, the 'onmouseover' and 'onmouseout' events >>> are actually supported. >>> >> >> On Friday, February 24, 2012 12:48:08 PM UTC-7, asgallant wrote: >>> >>> You'll have to ask the Slimbox people if you can use just text; I know >>> nothing about it. PrettyPhoto allows any type of content, if you decide to >>> go with that. >>> >>> You didn't paste the whole line, but I'm guessing that the outer quotes >>> are single-quotes, so you would not need to escape the double quotes on the >>> inside, but you would need to escape the single-quotes: >>> >>> onclick=\'Slimbox.open("Outar2**00x301.gif", "She joined the University >>> of Alberta as Associate Vice President\'s") >>> >>> >>> >>> I feel kind of stupid right now, because I looked over the Org Chart >>> documentation and to my surprise, the 'onmouseover' and 'onmouseout' events >>> are actually supported. >>> >> >> On Friday, February 24, 2012 12:48:08 PM UTC-7, asgallant wrote: >>> >>> You'll have to ask the Slimbox people if you can use just text; I know >>> nothing about it. PrettyPhoto allows any type of content, if you decide to >>> go with that. >>> >>> You didn't paste the whole line, but I'm guessing that the outer quotes >>> are single-quotes, so you would not need to escape the double quotes on the >>> inside, but you would need to escape the single-quotes: >>> >>> onclick=\'Slimbox.open("Outar2**00x301.gif", "She joined the University >>> of Alberta as Associate Vice President\'s") >>> >>> >>> >>> I feel kind of stupid right now, because I looked over the Org Chart >>> documentation and to my surprise, the 'onmouseover' and 'onmouseout' events >>> are actually supported. >>> >> -- > You received this message because you are subscribed to the Google Groups > "Google Visualization API" group. > To view this discussion on the web visit > https://groups.google.com/d/msg/google-visualization-api/-/m3U8TITttSUJ. > > To post to this group, send email to > google-visualization-api@googlegroups.com. > To unsubscribe from this group, send email to > google-visualization-api+unsubscribe@googlegroups.com. > For more options, visit this group at > http://groups.google.com/group/google-visualization-api?hl=en. > --f46d043c81bc5b0d7204ba0e43e7 Content-Type: text/html; charset=UTF-8 Content-Transfer-Encoding: quoted-printable well, then I used the load ajax and it works perfectly and so user could up= date the html file.

<a rel=3D"prettyPhoto[ajax]&= quot; href=3D"sample.html?ajax=3Dtrue&width=3D300&height=3D400= ">O\'NEIL OUTAR</a>

On Tue, Feb 28, 2012 at 1:36= PM, asgallant <drew_gall...@abtassoc.com> wrote:
You need to initialize PrettyPhoto after the org chart has finished drawing= , otherwise the links don't exist yet. =C2=A0Try it this way:

var=C2=A0chart=C2=A0=3D=C2=A0new=C2=A0google.visualization.OrgChart(document.getElementById(&#= 39;chart_div'));

google.
visu= alization.events.addListener(chart,=C2=A0
'ready',=C2=A0function=C2=A0()=C2=A0{

=C2=A0 =C2=A0=C2=A0$("a[rel^=3D'prettyPhot= o']").prettyPhoto()= ;
});

chart.draw(data,=C2=A0{allowHtml:true,=C2=A0size:'s= mall',=C2=A0color:"green",=C2=A0selectionColor:"yellow"}=C2=A0);



<= /div>
On Tuesday, February 28, 2012 2:38:06 PM UTC-5, wenhong ma wrote:=
I am using PrettyPhoto, and I have problem with the link inside=C2=A0 =C2=A0[{v:'O\'NEIL OUTAR', f:'CHIEF ADVANCEMENT OFFICER<= br><a href=3D"#inline_demo" rel=3D"prettyPhoto[inline]= ">O\'NEIL OUTAR</a>'}, '', 'Chief = Officer'], and I tested working outside fine -=C2=A0 <a href=3D"#inline_demo" rel=3D"prettyPhoto[inline]"= >O\'NEIL OUTAR</a>

Anything I missed? Is i= t because the link is inside draw? I copied the code below:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN&q= uot; "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
=C2=A0 $(document).ready(function(){
=C2=A0 =C2=A0 $("a= [rel^=3D'prettyPhoto']").prettyPhoto();
=C2= =A0 });
</script>
<script type=3D'text/jav= ascript' src=3D'https://www.google.com/jsapi'></script>
=C2=A0 =C2=A0 <script type=3D'text/javascript'>
=C2=A0 =C2=A0 =C2=A0 var char;
=C2=A0var newPopup;
=C2=A0 =C2=A0 =C2=A0 google.loa= d('visualization', '1', {packages:['orgchart']});
=C2=A0 =C2=A0 =C2=A0 google.setOnLoadCallback(drawChart);
=
=C2=A0 =C2=A0 =C2=A0 function drawChart() {
=C2=A0 =C2=A0 = =C2=A0 =C2=A0 var data =3D new google.visualization.DataTable();
=C2=A0 =C2=A0 =C2=A0 =C2=A0 data.addColumn('string', 'Na= me');
=C2=A0 =C2=A0 =C2=A0 =C2=A0 data.addColumn('string', 'Mana= ger');
=C2=A0 =C2=A0 =C2=A0 =C2=A0 data.addColumn('string= ', 'ToolTip');
=C2=A0 =C2=A0 =C2=A0 =C2=A0 data.addRo= ws([
=C2=A0[{v:'= ;O\'NEIL OUTAR', f:'CHIEF ADVANCEMENT OFFICER<br><a hr= ef=3D"#inline_demo" rel=3D"prettyPhoto[inline]">O\&#= 39;NEIL OUTAR</a>'}, '', 'Chief Officer'],=
=C2=A0[{v:'oud',= f:'OFFICE OF UNIVERSITY DEVELOPMENT<div style=3D"color:red; fo= nt-style:italic">COLM RENEHAN</div>ASSOCIATE VICE PRESIDENT&#= 39;}, 'O\'NEIL OUTAR', ''],
=C2=A0[{v:'oaa',= f:'OFFICE OF ALUMNI AFFAIRS<div style=3D"color:red; font-style= :italic">SEAN PRICE</div>ASSOCIATE VICE PRESIDENT'}, '= ;O\'NEIL OUTAR', ''],
=C2=A0[{v:'oas',= f:'OFFICE OF ADVANCEMENT SERVICES<div style=3D"color:red; font= -style:italic">KELLY SPENCER</div>SENIOR DIRECTOR'}, '= ;O\'NEIL OUTAR', ''],
=C2=A0[{v:'ofd',= f:'OFFICE OF FACULTY DEVELOPMENT<div style=3D"color:red; font-= style:italic">ANDREA MORRIS</div>SENIOR DIRECTOR'}, '= O\'NEIL OUTAR', ''],
=C2=A0[{v:'ocdr'= , f:'OFFICE OF COMMUNICATIONS AND DONOR RELATIONS<div style=3D"= color:red; font-style:italic">VACANT</div>SENIOR DIREC= TOR'}, 'O\'NEIL OUTAR', ''] =C2=A0
=C2=A0
]);
chart =3D new google.visualization.OrgChart(do= cument.getElementById('chart_div'));
=C2=A0 =C2=A0 =C2=A0 =C2=A0 //chart.draw(data, {allowHtml:true});
chart.draw(data, {allow= Html:true, size:'small', color:"green", selectionColor:&q= uot;yellow"} );=C2=A0

=C2=A0 =C2=A0 =C2=A0 =C2=A0 //register callbacks
<= div>=C2=A0 =C2=A0 =C2=A0 } =C2=A0 =C2=A0=C2=A0
=C2=A0

=C2=A0 =C2=A0 &= lt;/script>
=C2=A0 </head>

<body>
=C2=A0 =C2=A0 <div id=3D'chart_div' style= =3D'width: 700px; background-color:#cccccc;'></div>= =C2=A0
<a href=3D"#inline_demo" rel=3D"prettyPh= oto[inline]" >O\'NEIL OUTAR</a>
=C2=A0 =C2=A0 <div id=3D"inline_demo" style=3D"displ= ay:none;">
<p>Lorem ipsum d= olor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididu= nt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud = exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis = aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu = fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt= in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
= =C2=A0 </body>
</html>=E2=80=8B

<= br>On Friday, February 24, 2012 12:48:08 PM UTC-7, asgallant wrote: You'll have to ask the Slimbox people if you can use just text; I know = nothing about it. =C2=A0PrettyPhoto allows any type of content, if you deci= de to go with that.

You didn&#= 39;t paste the whole line, but I'm guessing that the outer quotes are s= ingle-quotes, so you would not need to escape the double quotes on the insi= de, but you would need to escape the single-quotes:

onclick=3D\'Slimbox.open("Outar200x301.gif",=C2=A0"She joined the University of Alberta as Associate Vice Pr= esident\'s")



I feel kind of stupid rig= ht now, because I looked over the Org Chart documentation and to my surpris= e, the 'onmouseover' and 'onmouseout' events are actually s= upported.

On Friday, February 24, 2012 12:48:08 PM UTC-7= , asgallant wrote:
You'll have t= o ask the Slimbox people if you can use just text; I know nothing about it.= =C2=A0PrettyPhoto allows any type of content, if you decide to go with tha= t.

You didn't paste the whole lin= e, but I'm guessing that the outer quotes are single-quotes, so you wou= ld not need to escape the double quotes on the inside, but you would need t= o escape the single-quotes:

onclick=3D\'Slimbox.open("Outar200x301.gif",=C2=A0"She joined the University of Alberta as Associate Vice Pr= esident\'s")



I feel kind of stupid rig= ht now, because I looked over the Org Chart documentation and to my surpris= e, the 'onmouseover' and 'onmouseout' events are actually s= upported.

On Friday, February 24, 2012 12:48:08 PM UTC-7, asgallant = wrote:
You'll have to ask the Sl= imbox people if you can use just text; I know nothing about it. =C2=A0Prett= yPhoto allows any type of content, if you decide to go with that.

You didn't paste the whole lin= e, but I'm guessing that the outer quotes are single-quotes, so you wou= ld not need to escape the double quotes on the inside, but you would need t= o escape the single-quotes:

onclick=3D\'Slimbox.open("Outar200x301.gif",=C2=A0"She joined the University of Alberta as Associate Vice Pr= esident\'s")



I feel kind of stupid rig= ht now, because I looked over the Org Chart documentation and to my surpris= e, the 'onmouseover' and 'onmouseout' events are actually s= upported.

--
You received this message because you are subscribed to the Google Groups &= quot;Google Visualization API" group.
To view this discussion on the web visit https:/= /groups.google.com/d/msg/google-visualization-api/-/m3U8TITttSUJ.

=20 To post to this group, send email to google-visualization-api@googlegro= ups.com.
To unsubscribe from this group, send email to google-visu= alization-api+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.goog= le.com/group/google-visualization-api?hl=3Den.

--f46d043c81bc5b0d7204ba0e43e7--