nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Hyperlinks in Tabbed Info Window

EmilyLaMunyon

Hello,

I am using the following example (http://resources.esri.com/help/9.3/arcgisserver/apis/javascript/arcgis/help/jssamples_start.htm#jssamples/identify_drilldown.html)

for info windows with tabs. Everything seems to working fine except for the hyperlink. I need to create a url string that uses 3 attributes from the layer, and what I have so far is not working. I have tried so many variations with no luck. Does anyone have any insight as how to make this url string work?

content+="<td>"+" <a href="http://surveyor.slco.org/javamap/mrs_test.cfm? + layerResults.features.attributes['POINT_NAME'] + layerResults.features.attributes['LATITUDE_DD']+ " target=_blank ;'>Mon. Ref Sheet</a></td>";

Thanks for any help, this is driving me crazy!!

Vind meer berichten getagd met

Accepted answers

danbecker

building html strings can be tricky; use of double vs single quote

this should work

content+="<td><a href='http://surveyor.slco.org/javamap/mrs_test.cfm?"+layerResults.features.attributes['POINT_NAME']+layerResults.features.attributes['LATITUDE_DD'] + " target='_blank'>Mon. Ref Sheet</a></td>";

In js, you can't have a string containing double quote "; the string has to contain single quote ' like this

var str = "<a href='myurl'>text</a>"; // <-- single quotes around href attribute, inside of " "

All comments

EmilyLaMunyon

Thanks, that worked!!! I appreciate your time:)

danbecker

building html strings can be tricky; use of double vs single quote

this should work

content+="<td><a href='http://surveyor.slco.org/javamap/mrs_test.cfm?"+layerResults.features.attributes['POINT_NAME']+layerResults.features.attributes['LATITUDE_DD'] + " target='_blank'>Mon. Ref Sheet</a></td>";

In js, you can't have a string containing double quote "; the string has to contain single quote ' like this

var str = "<a href='myurl'>text</a>"; // <-- single quotes around href attribute, inside of " "

EmilyLaMunyon

Thanks for the reply Betsy!

Unfortunately this does not work either, I am getting a Firebug error that says:
missing ; before statement
http://surveyor.slco.org/javamappdf/index_tabs.html
Line 514

BetsySchenck-Gardner

I think you got your double quotes and single quotes messed up. Try this:

content+="<td><a href="http://surveyor.slco.org/javamap/mrs_test.cfm?"+layerResults.features.attributes['POINT_NAME']+layerResults.features.attributes['LATITUDE_DD']+ " target="_blank">Mon. Ref Sheet</a></td>";

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.