Member Avatar for pradeepktg

Hi All,

I want to use jquery overlay in one of my dynamic page. Well, let me explain the case in detail;

Actually i have implemented in my site, but it works for only one id.

Ok, here is the case

(1)I have a news page, which is dynamically loaded(used jsp), in news.jsp page, all the news titles is loaded from DB, each news title has a unique ID

(2) When i click the news title, id will be passed to show.jsp page and the detailed news for the corresponding id will be opened in a seperate window.

Now;
(1) When i click news title in news.jsp page, i want to use jquery overlay instead of opening in a window.

Actaully, i implemented it, but it works only for one id until the news.jsp page is refreshed.

Here goes my code:

<a style="cursor:hand; color:#0000ff" class="grey11" href="show.jsp?id=<%=id%>" rel="#overlay"  >
		 
						  
                            <%
out.println("<span ><u>"+newstitle +"</u></span>");	
%>

jquery script:

$(function() {     
	$("a[rel]").overlay(function() {
	var wrap = this.getContent().find("div.wrap");
	if (wrap.is(":empty")) {
	wrap.load(this.getTrigger().attr("href"));
	}
});

}) ;

Could anyone tell me why its opening only for one id?

  • 1 Contributor
  • 1 Reply
  • 81 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by pradeepktg
Member Avatar for pradeepktg

Ok guys, i got the solution couple of days ago itself. Sorry for the delay confirnation from myside.

Thanks,
Pradeep

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.