JQuery – Get Value of DIV with Custom Attribute

 Computer, Sharepoint, Software  Comments Off on JQuery – Get Value of DIV with Custom Attribute
Jan 012013
 

I have a ProjectServer with a custom field (Project Status Slide) where users have a URL for an image.

I needed to retrieve the URL from the custom field and display it inline on the ProjectDetails.aspx page

<div GUID=”xxxxxxx-xxxx-xxxx-xxxx-xxxxxxxx”>http://myserver/PWA/Pictures/Slide1.png</div>

The source of the custom field resembles the above.

I put a Content Editor Web Part at the bottom of the ProjectDetails.aspx page with the following script.

&lt;img id="pss" src="/PWA/Project%20Detail%20Pages/" alt=""/&gt; -- Placeholder for the Slide.
&lt;script src="/PWA/Project%20Detail%20Pages/jquery.js" type="text/javascript"&gt;&lt;/script&gt; -- Jquery
  &lt;script&gt;
$(document).ready(function(){
var myDiv = $("div[GUID='xxxxxxx-xxxx-xxxx-xxxx-xxxxxxxx']"); -- Look for DIV with Custom Attribute
var URL1 = $(myDiv).text(); -- Get the URL between that DIV
URL1 = URL1.replace("http:", "https:"); -- Just in case some used HTTP
// alert(URL1); -- for debug
 $('#pss').attr('src', URL1); - Replace my image src above with the Slide URL
 });&lt;/script&gt;