I created an inline SVG diagram where the boxes in the diagram are linked to (View) pages. I want the links to pop up in a colorbox using class="colorbox-node." The links work fine when outside of the SVG. I did manage to get the links contained within the SVG to pop up a colorbox, and it appears that they are successfully pulling the content, but they keep loading and throwing this error over and over:

Uncaught TypeError: undefined is not a function 
d
x.dequeue.animate.complete 
e.complete 
c.fx.step 
e 
c.extend.tick

If I comment out the first .show() in the following line of jquery.colorbox-min.js, I can get the node to load, but not properly:

R.html(_.get("title")).show(),L.show(),s>1?("string"==typeof _.get("current")&&F.html(_.get("current").replace("{current}",z+1).replace("{total}",s)).show()

Any ideas about how to get this to work? I think using SVG and Colorbox Node together makes a lot of sense.

Thanks!

Comments

andileco’s picture

I see from jQuery that the html() method is not available on XML documents...which I'm guessing is the problem because SVG is XML. Is there a method I could use to replace that?

Thanks again!

andileco’s picture

Issue summary: View changes
iLLin’s picture

You can try manually calling the colorbox operation on click.

$(this).colorboxNode({'launch': true});
andileco’s picture

Thanks for your input, @iLLin. I was not able to get that to work, unfortunately. I've pasted a sample of my SVG below for anyone who wants to try this themselves:

<svg version="1.2" baseProfile="tiny" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%"
	 height="443.911px" viewBox="0 0 959.809 443.911" xml:space="preserve">
<switch>
<g i:extraneous="self">	
<a xlink:href="/node/2?width=600&height=600" class="colorbox-node">
			<g>
				<rect x="160.832" y="91.229" fill="#9FA738" width="119.061" height="50.509"/>
				<g>
					<rect x="160.833" y="102.052" fill="none" width="119.062" height="28.863"/>
					<path fill="#FFFFFF" d="M209.957,103.75c0,0.167-0.007,0.309-0.021,0.423c-0.014,0.115-0.037,0.206-0.067,0.272
						c-0.031,0.067-0.065,0.118-0.104,0.151c-0.039,0.034-0.084,0.05-0.134,0.05h-3.547v2.918h3.329c0.05,0,0.095,0.014,0.134,0.042
						s0.074,0.075,0.105,0.143c0.031,0.067,0.053,0.156,0.067,0.268c0.014,0.112,0.021,0.252,0.021,0.419s-0.007,0.308-0.021,0.419
						c-0.014,0.112-0.036,0.204-0.067,0.276c-0.031,0.073-0.066,0.125-0.105,0.155s-0.084,0.046-0.134,0.046h-3.329v4.042
						c0,0.062-0.017,0.115-0.05,0.16c-0.033,0.044-0.093,0.083-0.18,0.113s-0.2,0.054-0.339,0.071
						c-0.14,0.017-0.319,0.025-0.537,0.025c-0.212,0-0.39-0.008-0.532-0.025c-0.143-0.017-0.256-0.041-0.34-0.071
						c-0.083-0.031-0.144-0.069-0.18-0.113c-0.036-0.045-0.054-0.098-0.054-0.16v-9.836c0-0.246,0.063-0.423,0.188-0.532
						s0.281-0.164,0.465-0.164h5.107c0.05,0,0.095,0.016,0.134,0.046c0.039,0.031,0.074,0.082,0.104,0.151s0.053,0.164,0.067,0.281
						C209.949,103.44,209.957,103.583,209.957,103.75z"/>
					<path fill="#FFFFFF" d="M218.979,109.595c0,0.637-0.084,1.219-0.251,1.744c-0.168,0.525-0.422,0.979-0.763,1.358
						c-0.341,0.38-0.769,0.674-1.283,0.881c-0.514,0.207-1.115,0.31-1.803,0.31c-0.666,0-1.244-0.092-1.736-0.277
						c-0.492-0.185-0.9-0.453-1.225-0.805c-0.324-0.353-0.564-0.786-0.721-1.3c-0.156-0.515-0.234-1.102-0.234-1.761
						c0-0.637,0.085-1.22,0.255-1.749s0.426-0.981,0.768-1.358c0.341-0.377,0.767-0.669,1.279-0.876
						c0.511-0.207,1.111-0.311,1.799-0.311c0.67,0,1.252,0.091,1.744,0.272c0.492,0.182,0.898,0.449,1.22,0.801
						c0.322,0.353,0.561,0.786,0.717,1.3C218.901,108.34,218.979,108.93,218.979,109.595z M216.808,109.679
						c0-0.369-0.029-0.708-0.088-1.019c-0.059-0.31-0.158-0.58-0.297-0.809c-0.14-0.229-0.326-0.408-0.558-0.537
						c-0.232-0.129-0.524-0.193-0.876-0.193c-0.313,0-0.587,0.057-0.822,0.172s-0.428,0.282-0.579,0.503
						c-0.151,0.221-0.264,0.486-0.34,0.797c-0.075,0.31-0.113,0.664-0.113,1.061c0,0.369,0.03,0.708,0.092,1.019
						c0.062,0.31,0.161,0.58,0.298,0.809c0.137,0.229,0.323,0.407,0.558,0.533c0.235,0.125,0.525,0.188,0.872,0.188
						c0.319,0,0.596-0.057,0.83-0.172c0.235-0.115,0.428-0.281,0.579-0.499c0.151-0.218,0.263-0.482,0.335-0.792
						C216.771,110.43,216.808,110.076,216.808,109.679z"/>
					<path fill="#FFFFFF" d="M228.212,109.595c0,0.637-0.084,1.219-0.251,1.744c-0.168,0.525-0.422,0.979-0.763,1.358
						c-0.341,0.38-0.769,0.674-1.283,0.881c-0.514,0.207-1.115,0.31-1.803,0.31c-0.666,0-1.244-0.092-1.736-0.277
						c-0.492-0.185-0.9-0.453-1.225-0.805c-0.324-0.353-0.564-0.786-0.721-1.3c-0.156-0.515-0.234-1.102-0.234-1.761
						c0-0.637,0.085-1.22,0.255-1.749s0.426-0.981,0.768-1.358c0.341-0.377,0.767-0.669,1.279-0.876
						c0.511-0.207,1.111-0.311,1.799-0.311c0.67,0,1.252,0.091,1.744,0.272c0.492,0.182,0.898,0.449,1.22,0.801
						c0.322,0.353,0.561,0.786,0.717,1.3C228.133,108.34,228.212,108.93,228.212,109.595z M226.04,109.679
						c0-0.369-0.029-0.708-0.088-1.019c-0.059-0.31-0.158-0.58-0.297-0.809c-0.14-0.229-0.326-0.408-0.558-0.537
						c-0.232-0.129-0.524-0.193-0.876-0.193c-0.313,0-0.587,0.057-0.822,0.172s-0.428,0.282-0.579,0.503
						c-0.151,0.221-0.264,0.486-0.34,0.797c-0.075,0.31-0.113,0.664-0.113,1.061c0,0.369,0.03,0.708,0.092,1.019
						c0.062,0.31,0.161,0.58,0.298,0.809c0.137,0.229,0.323,0.407,0.558,0.533c0.235,0.125,0.525,0.188,0.872,0.188
						c0.319,0,0.596-0.057,0.83-0.172c0.235-0.115,0.428-0.281,0.579-0.499c0.151-0.218,0.263-0.482,0.335-0.792
						C226.003,110.43,226.04,110.076,226.04,109.679z"/>
					<path fill="#FFFFFF" d="M236.975,113.411c0,0.062-0.014,0.113-0.042,0.155s-0.075,0.077-0.143,0.104
						c-0.067,0.028-0.158,0.048-0.272,0.059s-0.256,0.017-0.423,0.017c-0.179,0-0.324-0.005-0.436-0.017s-0.203-0.031-0.272-0.059
						c-0.07-0.028-0.121-0.063-0.151-0.104s-0.046-0.094-0.046-0.155v-0.83c-0.386,0.414-0.79,0.735-1.212,0.964
						c-0.422,0.229-0.89,0.344-1.404,0.344c-0.57,0-1.053-0.11-1.447-0.331c-0.394-0.221-0.715-0.519-0.964-0.893
						c-0.249-0.375-0.429-0.812-0.541-1.313c-0.112-0.5-0.168-1.027-0.168-1.581c0-0.666,0.071-1.264,0.214-1.795
						c0.143-0.531,0.351-0.984,0.625-1.358s0.615-0.662,1.023-0.864c0.408-0.201,0.877-0.302,1.409-0.302
						c0.419,0,0.799,0.085,1.14,0.256c0.341,0.17,0.68,0.421,1.015,0.75v-4.05c0-0.056,0.015-0.106,0.046-0.151
						s0.086-0.083,0.167-0.113s0.189-0.055,0.323-0.071c0.134-0.017,0.305-0.025,0.511-0.025c0.207,0,0.377,0.008,0.512,0.025
						s0.24,0.041,0.318,0.071c0.079,0.031,0.134,0.068,0.168,0.113s0.05,0.095,0.05,0.151V113.411z M234.878,108.413
						c-0.302-0.38-0.591-0.67-0.868-0.872c-0.277-0.201-0.566-0.302-0.868-0.302c-0.274,0-0.51,0.068-0.709,0.206
						c-0.198,0.137-0.357,0.32-0.478,0.549c-0.12,0.229-0.209,0.485-0.268,0.767s-0.088,0.572-0.088,0.868
						c0,0.313,0.025,0.618,0.075,0.914s0.133,0.561,0.248,0.792c0.114,0.232,0.267,0.418,0.457,0.558
						c0.19,0.14,0.43,0.209,0.721,0.209c0.145,0,0.286-0.021,0.423-0.063c0.137-0.042,0.277-0.11,0.419-0.206
						c0.143-0.095,0.289-0.219,0.44-0.373s0.316-0.342,0.495-0.566V108.413z"/>
					<path fill="#FFFFFF" d="M189.781,121.474c0,0.609-0.095,1.149-0.285,1.619c-0.19,0.47-0.467,0.865-0.831,1.187
						c-0.363,0.322-0.809,0.566-1.337,0.734c-0.528,0.167-1.15,0.251-1.866,0.251h-0.906v3.463c0,0.056-0.018,0.106-0.054,0.151
						c-0.037,0.045-0.097,0.081-0.181,0.109c-0.083,0.028-0.196,0.05-0.335,0.067c-0.14,0.017-0.318,0.025-0.537,0.025
						c-0.212,0-0.39-0.008-0.532-0.025c-0.143-0.017-0.256-0.039-0.34-0.067c-0.084-0.028-0.143-0.064-0.176-0.109
						c-0.034-0.045-0.05-0.095-0.05-0.151v-9.761c0-0.263,0.068-0.459,0.205-0.591c0.137-0.131,0.317-0.197,0.541-0.197h2.558
						c0.257,0,0.501,0.01,0.734,0.029c0.232,0.02,0.51,0.062,0.834,0.126c0.324,0.064,0.652,0.183,0.985,0.356
						c0.333,0.173,0.617,0.393,0.852,0.658c0.234,0.266,0.414,0.576,0.537,0.931C189.719,120.634,189.781,121.033,189.781,121.474z
						 M187.475,121.634c0-0.38-0.067-0.693-0.201-0.939c-0.134-0.246-0.299-0.428-0.495-0.545c-0.196-0.118-0.401-0.191-0.616-0.222
						s-0.438-0.046-0.667-0.046h-0.939v3.682h0.99c0.352,0,0.647-0.047,0.885-0.143c0.237-0.095,0.432-0.228,0.583-0.398
						s0.266-0.375,0.344-0.612C187.436,122.172,187.475,121.913,187.475,121.634z"/>
					<path fill="#FFFFFF" d="M196.17,121.96c0,0.202-0.006,0.366-0.017,0.495c-0.011,0.128-0.028,0.229-0.05,0.302
						s-0.052,0.123-0.088,0.151c-0.037,0.028-0.083,0.042-0.139,0.042c-0.044,0-0.095-0.01-0.151-0.029
						c-0.056-0.02-0.119-0.041-0.188-0.063s-0.147-0.043-0.23-0.063c-0.084-0.02-0.176-0.029-0.277-0.029
						c-0.118,0-0.235,0.024-0.352,0.071c-0.118,0.048-0.239,0.122-0.365,0.222c-0.126,0.101-0.257,0.235-0.395,0.403
						c-0.137,0.167-0.284,0.375-0.44,0.62v4.663c0,0.056-0.017,0.105-0.05,0.147c-0.034,0.042-0.091,0.077-0.172,0.104
						c-0.081,0.028-0.189,0.049-0.323,0.063c-0.134,0.014-0.305,0.021-0.511,0.021c-0.207,0-0.377-0.007-0.512-0.021
						s-0.242-0.035-0.323-0.063c-0.081-0.028-0.138-0.063-0.172-0.104s-0.05-0.091-0.05-0.147v-7.48
						c0-0.056,0.014-0.105,0.042-0.147c0.028-0.042,0.078-0.077,0.151-0.104s0.166-0.049,0.281-0.063
						c0.115-0.014,0.259-0.021,0.432-0.021c0.179,0,0.327,0.007,0.444,0.021c0.117,0.014,0.208,0.035,0.272,0.063
						s0.11,0.063,0.138,0.104c0.028,0.042,0.042,0.091,0.042,0.147v0.931c0.196-0.279,0.38-0.51,0.554-0.692
						c0.173-0.181,0.338-0.325,0.495-0.432c0.156-0.106,0.313-0.18,0.47-0.222c0.156-0.042,0.313-0.063,0.469-0.063
						c0.073,0,0.151,0.004,0.235,0.013c0.084,0.008,0.17,0.022,0.26,0.042c0.089,0.02,0.167,0.042,0.235,0.067
						c0.067,0.025,0.116,0.052,0.146,0.08c0.031,0.028,0.053,0.059,0.067,0.092c0.014,0.034,0.026,0.08,0.038,0.139
						c0.011,0.059,0.02,0.146,0.025,0.264C196.167,121.6,196.17,121.759,196.17,121.96z"/>
					<path fill="#FFFFFF" d="M204.825,124.929c0,0.637-0.084,1.219-0.251,1.744c-0.168,0.525-0.422,0.979-0.763,1.358
						c-0.341,0.38-0.769,0.674-1.283,0.881c-0.514,0.207-1.115,0.31-1.803,0.31c-0.666,0-1.244-0.092-1.736-0.277
						c-0.492-0.185-0.9-0.453-1.225-0.805c-0.324-0.353-0.564-0.786-0.721-1.3c-0.156-0.515-0.234-1.102-0.234-1.761
						c0-0.637,0.085-1.22,0.255-1.749s0.426-0.981,0.768-1.358c0.341-0.377,0.767-0.669,1.279-0.876
						c0.511-0.207,1.111-0.311,1.799-0.311c0.67,0,1.252,0.091,1.744,0.272c0.492,0.182,0.898,0.449,1.22,0.801
						c0.322,0.353,0.561,0.786,0.717,1.3C204.746,123.674,204.825,124.264,204.825,124.929z M202.653,125.013
						c0-0.369-0.029-0.708-0.088-1.019c-0.059-0.31-0.158-0.58-0.297-0.809c-0.14-0.229-0.326-0.408-0.558-0.537
						c-0.232-0.129-0.524-0.193-0.876-0.193c-0.313,0-0.587,0.057-0.822,0.172s-0.428,0.282-0.579,0.503
						c-0.151,0.221-0.264,0.486-0.34,0.797c-0.075,0.31-0.113,0.664-0.113,1.061c0,0.369,0.03,0.708,0.092,1.019
						c0.062,0.31,0.161,0.58,0.298,0.809c0.137,0.229,0.323,0.407,0.558,0.533c0.235,0.125,0.525,0.188,0.872,0.188
						c0.319,0,0.596-0.057,0.83-0.172c0.235-0.115,0.428-0.281,0.579-0.499c0.151-0.218,0.263-0.482,0.335-0.792
						C202.616,125.764,202.653,125.41,202.653,125.013z"/>
					<path fill="#FFFFFF" d="M213.587,128.745c0,0.062-0.014,0.113-0.042,0.155s-0.075,0.077-0.143,0.104
						c-0.067,0.028-0.158,0.048-0.272,0.059s-0.256,0.017-0.423,0.017c-0.179,0-0.324-0.005-0.436-0.017s-0.203-0.031-0.272-0.059
						c-0.07-0.028-0.121-0.063-0.151-0.104s-0.046-0.094-0.046-0.155v-0.83c-0.386,0.414-0.79,0.735-1.212,0.964
						c-0.422,0.229-0.89,0.344-1.404,0.344c-0.57,0-1.053-0.11-1.447-0.331c-0.394-0.221-0.715-0.519-0.964-0.893
						c-0.249-0.375-0.429-0.812-0.541-1.313c-0.112-0.5-0.168-1.027-0.168-1.581c0-0.666,0.071-1.264,0.214-1.795
						c0.143-0.531,0.351-0.984,0.625-1.358s0.615-0.662,1.023-0.864c0.408-0.201,0.877-0.302,1.409-0.302
						c0.419,0,0.799,0.085,1.14,0.256c0.341,0.17,0.68,0.421,1.015,0.75v-4.05c0-0.056,0.015-0.106,0.046-0.151
						s0.086-0.083,0.167-0.113s0.189-0.055,0.323-0.071c0.134-0.017,0.305-0.025,0.511-0.025c0.207,0,0.377,0.008,0.512,0.025
						s0.24,0.041,0.318,0.071c0.079,0.031,0.134,0.068,0.168,0.113s0.05,0.095,0.05,0.151V128.745z M211.491,123.747
						c-0.302-0.38-0.591-0.67-0.868-0.872c-0.277-0.201-0.566-0.302-0.868-0.302c-0.274,0-0.51,0.068-0.709,0.206
						c-0.198,0.137-0.357,0.32-0.478,0.549c-0.12,0.229-0.209,0.485-0.268,0.767s-0.088,0.572-0.088,0.868
						c0,0.313,0.025,0.618,0.075,0.914s0.133,0.561,0.248,0.792c0.114,0.232,0.267,0.418,0.457,0.558
						c0.19,0.14,0.43,0.209,0.721,0.209c0.145,0,0.286-0.021,0.423-0.063c0.137-0.042,0.277-0.11,0.419-0.206
						c0.143-0.095,0.289-0.219,0.44-0.373s0.316-0.342,0.495-0.566V123.747z"/>
					<path fill="#FFFFFF" d="M222.803,128.745c0,0.056-0.014,0.105-0.042,0.147s-0.077,0.077-0.146,0.104
						c-0.07,0.028-0.163,0.049-0.277,0.063c-0.115,0.014-0.259,0.021-0.432,0.021c-0.184,0-0.334-0.007-0.448-0.021
						c-0.115-0.014-0.206-0.035-0.273-0.063c-0.067-0.028-0.114-0.063-0.143-0.104c-0.028-0.042-0.042-0.091-0.042-0.147v-0.864
						c-0.414,0.447-0.834,0.783-1.262,1.006s-0.871,0.335-1.329,0.335c-0.515,0-0.946-0.084-1.295-0.251
						c-0.35-0.168-0.632-0.397-0.847-0.688c-0.215-0.291-0.369-0.628-0.461-1.011s-0.138-0.859-0.138-1.43v-4.579
						c0-0.056,0.015-0.105,0.046-0.147c0.031-0.042,0.087-0.077,0.168-0.104s0.19-0.049,0.327-0.063
						c0.137-0.014,0.306-0.021,0.507-0.021c0.207,0,0.377,0.007,0.511,0.021c0.134,0.014,0.242,0.035,0.323,0.063
						c0.081,0.028,0.138,0.063,0.172,0.104c0.033,0.042,0.05,0.091,0.05,0.147v4.227c0,0.391,0.025,0.69,0.075,0.897
						c0.05,0.207,0.127,0.385,0.231,0.533c0.103,0.148,0.234,0.263,0.394,0.344c0.159,0.081,0.345,0.122,0.558,0.122
						c0.268,0,0.538-0.098,0.809-0.293s0.561-0.481,0.868-0.855v-4.973c0-0.056,0.015-0.105,0.046-0.147
						c0.031-0.042,0.086-0.077,0.167-0.104s0.189-0.049,0.323-0.063c0.134-0.014,0.305-0.021,0.511-0.021
						c0.207,0,0.377,0.007,0.512,0.021c0.134,0.014,0.24,0.035,0.318,0.063c0.079,0.028,0.134,0.063,0.168,0.104
						c0.034,0.042,0.05,0.091,0.05,0.147V128.745z"/>
					<path fill="#FFFFFF" d="M230.585,127.554c0,0.146-0.004,0.267-0.013,0.365c-0.008,0.098-0.02,0.181-0.033,0.248
						c-0.014,0.067-0.031,0.122-0.05,0.164s-0.063,0.095-0.13,0.159c-0.067,0.064-0.182,0.143-0.344,0.235s-0.347,0.175-0.553,0.248
						c-0.207,0.072-0.432,0.131-0.675,0.176c-0.243,0.045-0.493,0.067-0.75,0.067c-0.576,0-1.086-0.089-1.53-0.269
						c-0.444-0.179-0.817-0.443-1.12-0.792c-0.302-0.349-0.529-0.775-0.683-1.279c-0.154-0.503-0.23-1.079-0.23-1.727
						c0-0.75,0.093-1.396,0.281-1.941c0.187-0.545,0.449-0.997,0.784-1.354c0.335-0.357,0.732-0.623,1.19-0.796
						s0.961-0.26,1.51-0.26c0.223,0,0.443,0.02,0.658,0.059c0.215,0.04,0.417,0.092,0.604,0.16c0.188,0.067,0.355,0.143,0.503,0.226
						c0.148,0.084,0.253,0.157,0.314,0.218s0.104,0.113,0.13,0.155c0.025,0.042,0.044,0.096,0.059,0.164
						c0.014,0.067,0.025,0.149,0.034,0.247c0.008,0.098,0.013,0.217,0.013,0.356c0,0.324-0.028,0.552-0.084,0.684
						c-0.056,0.131-0.129,0.197-0.218,0.197c-0.095,0-0.196-0.039-0.302-0.117c-0.106-0.078-0.232-0.165-0.377-0.26
						c-0.146-0.095-0.318-0.182-0.52-0.26c-0.201-0.078-0.441-0.117-0.721-0.117c-0.548,0-0.967,0.211-1.258,0.633
						c-0.291,0.422-0.436,1.042-0.436,1.857c0,0.403,0.037,0.758,0.109,1.065c0.072,0.308,0.18,0.565,0.323,0.771
						c0.143,0.207,0.321,0.362,0.537,0.466s0.465,0.155,0.75,0.155c0.291,0,0.541-0.043,0.75-0.13
						c0.209-0.086,0.393-0.183,0.549-0.289c0.156-0.106,0.288-0.203,0.394-0.29c0.106-0.086,0.196-0.13,0.269-0.13
						c0.05,0,0.092,0.014,0.125,0.042c0.034,0.028,0.06,0.08,0.08,0.155c0.02,0.075,0.035,0.172,0.046,0.289
						S230.585,127.37,230.585,127.554z"/>
					<path fill="#FFFFFF" d="M239.415,120.979c0.235,0,0.398,0.05,0.491,0.151s0.138,0.246,0.138,0.436v7.178
						c0,0.056-0.017,0.105-0.05,0.147c-0.033,0.042-0.089,0.077-0.167,0.104c-0.079,0.028-0.186,0.049-0.323,0.063
						c-0.137,0.014-0.306,0.021-0.507,0.021c-0.207,0-0.379-0.007-0.516-0.021c-0.137-0.014-0.245-0.035-0.323-0.063
						c-0.078-0.028-0.134-0.063-0.167-0.104c-0.034-0.042-0.05-0.091-0.05-0.147v-6.054h-3.363v3.513
						c0,0.408,0.064,0.714,0.193,0.918s0.358,0.306,0.688,0.306c0.112,0,0.212-0.01,0.302-0.029c0.089-0.02,0.169-0.042,0.239-0.067
						c0.07-0.025,0.128-0.047,0.176-0.067c0.047-0.02,0.091-0.029,0.13-0.029c0.034,0,0.065,0.01,0.096,0.029
						s0.055,0.059,0.071,0.117c0.017,0.059,0.032,0.139,0.046,0.239c0.014,0.101,0.021,0.229,0.021,0.386
						c0,0.246-0.014,0.432-0.042,0.558c-0.028,0.125-0.067,0.218-0.118,0.277c-0.05,0.059-0.125,0.109-0.226,0.151
						s-0.217,0.078-0.348,0.109s-0.274,0.055-0.428,0.071s-0.309,0.025-0.465,0.025c-0.419,0-0.783-0.053-1.09-0.159
						c-0.307-0.106-0.562-0.27-0.763-0.49c-0.202-0.221-0.35-0.499-0.445-0.834c-0.095-0.335-0.143-0.732-0.143-1.191v-3.832h-0.897
						c-0.106,0-0.188-0.066-0.243-0.197c-0.056-0.131-0.084-0.351-0.084-0.658c0-0.162,0.007-0.299,0.021-0.411
						c0.014-0.112,0.035-0.2,0.063-0.264c0.028-0.064,0.063-0.11,0.104-0.138c0.042-0.028,0.091-0.042,0.147-0.042h0.889v-1.669
						c0-0.056,0.016-0.106,0.046-0.151c0.031-0.044,0.086-0.082,0.167-0.113s0.19-0.053,0.327-0.067
						c0.137-0.014,0.306-0.021,0.507-0.021c0.207,0,0.379,0.007,0.516,0.021c0.137,0.014,0.245,0.037,0.323,0.067
						c0.078,0.031,0.134,0.068,0.167,0.113c0.034,0.045,0.05,0.095,0.05,0.151v1.669H239.415z M240.212,118.732
						c0,0.425-0.087,0.718-0.26,0.88s-0.495,0.243-0.964,0.243c-0.475,0-0.795-0.078-0.96-0.235
						c-0.165-0.156-0.248-0.439-0.248-0.847c0-0.425,0.085-0.72,0.256-0.884c0.17-0.165,0.494-0.248,0.969-0.248
						c0.47,0,0.788,0.08,0.956,0.239C240.128,118.041,240.212,118.324,240.212,118.732z"/>
					<path fill="#FFFFFF" d="M249.729,124.929c0,0.637-0.084,1.219-0.251,1.744c-0.168,0.525-0.422,0.979-0.763,1.358
						c-0.341,0.38-0.769,0.674-1.283,0.881c-0.514,0.207-1.115,0.31-1.803,0.31c-0.666,0-1.244-0.092-1.736-0.277
						c-0.492-0.185-0.9-0.453-1.225-0.805c-0.324-0.353-0.564-0.786-0.721-1.3c-0.156-0.515-0.234-1.102-0.234-1.761
						c0-0.637,0.085-1.22,0.255-1.749s0.426-0.981,0.768-1.358c0.341-0.377,0.767-0.669,1.279-0.876
						c0.511-0.207,1.111-0.311,1.799-0.311c0.67,0,1.252,0.091,1.744,0.272c0.492,0.182,0.898,0.449,1.22,0.801
						c0.322,0.353,0.561,0.786,0.717,1.3C249.651,123.674,249.729,124.264,249.729,124.929z M247.558,125.013
						c0-0.369-0.029-0.708-0.088-1.019c-0.059-0.31-0.158-0.58-0.297-0.809c-0.14-0.229-0.326-0.408-0.558-0.537
						c-0.232-0.129-0.524-0.193-0.876-0.193c-0.313,0-0.587,0.057-0.822,0.172s-0.428,0.282-0.579,0.503
						c-0.151,0.221-0.264,0.486-0.34,0.797c-0.075,0.31-0.113,0.664-0.113,1.061c0,0.369,0.03,0.708,0.092,1.019
						c0.062,0.31,0.161,0.58,0.298,0.809c0.137,0.229,0.323,0.407,0.558,0.533c0.235,0.125,0.525,0.188,0.872,0.188
						c0.319,0,0.596-0.057,0.83-0.172c0.235-0.115,0.428-0.281,0.579-0.499c0.151-0.218,0.263-0.482,0.335-0.792
						C247.521,125.764,247.558,125.41,247.558,125.013z"/>
					<path fill="#FFFFFF" d="M258.542,128.745c0,0.056-0.017,0.105-0.05,0.147s-0.089,0.077-0.167,0.104
						c-0.079,0.028-0.186,0.049-0.323,0.063c-0.137,0.014-0.306,0.021-0.507,0.021c-0.207,0-0.378-0.007-0.516-0.021
						s-0.245-0.035-0.323-0.063c-0.079-0.028-0.134-0.063-0.168-0.104c-0.033-0.042-0.05-0.091-0.05-0.147v-4.268
						c0-0.364-0.026-0.648-0.08-0.855s-0.13-0.384-0.23-0.533c-0.101-0.148-0.23-0.263-0.39-0.344
						c-0.159-0.081-0.345-0.122-0.558-0.122c-0.268,0-0.54,0.098-0.813,0.293c-0.274,0.196-0.559,0.481-0.855,0.855v4.973
						c0,0.056-0.017,0.105-0.05,0.147c-0.034,0.042-0.091,0.077-0.172,0.104c-0.081,0.028-0.189,0.049-0.323,0.063
						c-0.134,0.014-0.305,0.021-0.511,0.021c-0.207,0-0.377-0.007-0.512-0.021s-0.242-0.035-0.323-0.063
						c-0.081-0.028-0.138-0.063-0.172-0.104s-0.05-0.091-0.05-0.147v-7.48c0-0.056,0.014-0.105,0.042-0.147
						c0.028-0.042,0.078-0.077,0.151-0.104s0.166-0.049,0.281-0.063c0.115-0.014,0.259-0.021,0.432-0.021
						c0.179,0,0.327,0.007,0.444,0.021c0.117,0.014,0.208,0.035,0.272,0.063s0.11,0.063,0.138,0.104
						c0.028,0.042,0.042,0.091,0.042,0.147v0.864c0.414-0.447,0.834-0.783,1.262-1.006s0.874-0.335,1.337-0.335
						c0.509,0,0.938,0.084,1.287,0.251c0.35,0.168,0.632,0.396,0.847,0.684s0.37,0.625,0.465,1.01s0.143,0.85,0.143,1.392V128.745z"
						/>
				</g>
			</g>
		</a>
	</g>	
</svg>
iLLin’s picture

Status: Active » Closed (works as designed)

Did you resolve this? I am closing this down as I'm not sure how much more help I can give you. You may want to consider hiding your URL's in the body with CSS. Then on your map, applying some click method to click the URL that has the colorbox-node stuff attached on it. That is probably your best method if it was never figured out anyway.

andileco’s picture

Thanks, @iLLin. Here's what I ended up doing:

In my block with the SVG, I added the following JS above the SVG:

<script type="text/javascript">
   function open_colorbox(url){
   jQuery.getJSON(url, function(data){
      var htmlT = data[1].data;
      jQuery.colorbox({html: htmlT, open: true, width: 600, height: 600});
   });
   }
</script>

And then within the SVG, I added:

<a class="clickable" xlink:href="javascript:open_colorbox('/colorbox/foo/bar')" >

Thanks again!