Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: C#4.0jQuery
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
Your Filters
Interested
Ignored
     
0 Shai Vashdi 576
1 Tadit Dash 215
2 Sergey Alexandrovich Kryukov 190
3 OriginalGriff 183
4 Peter Leow 130
0 Sergey Alexandrovich Kryukov 9,325
1 OriginalGriff 5,473
2 Peter Leow 4,150
3 Maciej Los 3,540
4 Abhinav S 3,333


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