more refactoring for multiple profile view support
This commit is contained in:
parent
26ca991f6c
commit
3e3986172c
4 changed files with 76 additions and 4 deletions
|
@ -2,7 +2,7 @@
|
|||
|
||||
$(document).ready(function(){
|
||||
// This function creates and styles the "qTip" tooltip that displays the resource uri and the rdf link when the user clicks the uri/rdf icon.
|
||||
$('#uriIcon').each(function()
|
||||
$('span#iconControlsLeftSide').children('img#uriIcon').each(function()
|
||||
{
|
||||
$(this).qtip(
|
||||
{
|
||||
|
@ -34,6 +34,70 @@ $(document).ready(function(){
|
|||
});
|
||||
});
|
||||
|
||||
$('span#iconControlsVitro').children('img#uriIcon').each(function()
|
||||
{
|
||||
$(this).qtip(
|
||||
{
|
||||
content: {
|
||||
prerender: true, // We need this for the .click() event listener on 'a.close'
|
||||
text: '<h5>share the URI for this profile</h5> <input id="uriLink" type="text" value="' + $('#uriIcon').attr('title') + '" /><h5><a class ="rdf-url" href="' + individualRdfUrl + '">view profile in RDF format</a></h5><a class="close" href="#">close</a>'
|
||||
},
|
||||
position: {
|
||||
corner: {
|
||||
target: 'bottomLeft',
|
||||
tooltip: 'topLeft'
|
||||
}
|
||||
},
|
||||
show: {
|
||||
when: {event: 'click'}
|
||||
},
|
||||
hide: {
|
||||
fixed: true, // Make it fixed so it can be hovered over and interacted with
|
||||
when: {
|
||||
target: $('a.close'),
|
||||
event: 'click'
|
||||
}
|
||||
},
|
||||
style: {
|
||||
padding: '1em',
|
||||
width: 400,
|
||||
backgroundColor: '#f1f2ee'
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('span#iconControlsRightSide').children('img#uriIcon').each(function()
|
||||
{
|
||||
$(this).qtip(
|
||||
{
|
||||
content: {
|
||||
prerender: true, // We need this for the .click() event listener on 'a.close'
|
||||
text: '<h5>share the URI for this profile</h5> <input id="uriLink" type="text" value="' + $('#uriIcon').attr('title') + '" /><h5><a class ="rdf-url" href="' + individualRdfUrl + '">view profile in RDF format</a></h5><a class="close" href="#">close</a>'
|
||||
},
|
||||
position: {
|
||||
corner: {
|
||||
target: 'bottomRight',
|
||||
tooltip: 'topRight'
|
||||
}
|
||||
},
|
||||
show: {
|
||||
when: {event: 'click'}
|
||||
},
|
||||
hide: {
|
||||
fixed: true, // Make it fixed so it can be hovered over and interacted with
|
||||
when: {
|
||||
target: $('a.close'),
|
||||
event: 'click'
|
||||
}
|
||||
},
|
||||
style: {
|
||||
padding: '1em',
|
||||
width: 400,
|
||||
backgroundColor: '#f1f2ee'
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Prevent close link for URI qTip from requesting bogus '#' href
|
||||
$('a.close').click(function() {
|
||||
$('#uriIcon').qtip("hide");
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue