Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: C#4.0 jQuery
hi
 

I want to open anchor link in particular div using jQuery,
i have more than one link.all lick should be open in particular div
Anybody suggest me?
Posted 7-Jan-13 23:55pm
Comments
   
Hi
 
Please clear your requirement. Do you want tooltip like popup or something else?
 
Thanks
moh 2012 at 9-Jan-13 7:59am
   
HI Sir,
 
i don't want use tooltip.
Actually i have divided the page in diff div tag. In one tag i have Links , whenever i clicked any link, so this link should be open in particular div(Center Div)
 

Many Thanks
Satyendra

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

To my understanding,
1) You want to Click Links you placed in a DIV
2) and that links content should open in another DIV.
 
<html>
<script src="Scripts/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.8.3.js" type="text/javascript"></script>
 
<script type="text/javascript">
    $(document).ready(function () {
        $('#links a').click(function (e) {
            e.preventDefault();
            $("#myIframe").attr("src", $(this).attr('href'));
        });
    });
</script>
<body>
    <div id="links">
        <a href="http://microsoft.com">Microsoft</a> <a href="http://jquery.com">jQuery</a> <a href="#">TEST3</a>
    </div>
    <div id="parentDiv">
        <iframe id="myIframe" src=""></iframe>
    </div>
    <div>
    </div>
</body>
</html>
 
Accept as answer, if this is your requirement.
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 OriginalGriff 6,055
1 DamithSL 4,621
2 Maciej Los 4,087
3 Kornfeld Eliyahu Peter 3,500
4 Sergey Alexandrovich Kryukov 3,294


Advertise | Privacy | Mobile
Web02 | 2.8.141220.1 | Last Updated 11 Jan 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100