how to load different content each time

[andufo]

hi,
i've implemented the modal qtip example. When there is only 1 <a rel=modal> everything runs fine. When there is more than 1 modal, something wrong happens and only the first rendered modalbox shows info.

qTip settings

JS Code

$(document).ready(function(){
	$('a[rel="modal"]').qtip({
		content:{
			text: '<h2 id="title"></h2>'
		}
	});
});

HTML

JS Code

<span id="title-1">Nice title 1</span>
<a href="j<strong></strong>quick(1);" rel="modal">Link 1</a>
 
<span id="title-2">Nice title 2</span>
<a href="j<strong></strong>quick(2);" rel="modal">Link 2</a>
 
<span id="title-3">Nice title 3</span>
<a href="j<strong></strong>quick(3);" rel="modal">Link 3</a>

Then, i have the quick() javascript function that updates the data in the modal box with the value in the spans that are outside:

qTip settings

JS Code

function quick(id){
	$('#title').text($('#title-'+id).text());
}

How can i update the value of the modalbox by taking values from outside html tags referenced by an ID?

[andufo]

nevermind... this approach saved my day
http://craigsworks.com/projects/forums/t...-page-load