Click here to Skip to main content
11,708,116 members (75,510 online)
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 22: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 Maciej Los 230
1 Mika Wendelius 180
2 OriginalGriff 168
3 Sergey Alexandrovich Kryukov 145
4 Peter Leow 140
0 OriginalGriff 9,198
1 Sergey Alexandrovich Kryukov 8,562
2 CPallini 5,189
3 Maciej Los 4,921
4 Mika Wendelius 3,856


Advertise | Privacy | Mobile
Web01 | 2.8.150819.1 | Last Updated 11 Jan 2013
Copyright © CodeProject, 1999-2015
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