Καλώς ορίσατε στο dotNETZone.gr - Σύνδεση | Εγγραφή | Βοήθεια
σε

 

Αρχική σελίδα Ιστολόγια Συζητήσεις Εκθέσεις Φωτογραφιών Αρχειοθήκες

Jquery -links

Îåêßíçóå áðü ôï ìÝëïò goshNet. Τελευταία δημοσίευση από το μέλος tasos στις 03-10-2010, 22:04. Υπάρχουν 2 απαντήσεις.
Ταξινόμηση Δημοσιεύσεων: Προηγούμενο Επόμενο
  •  03-10-2010, 19:37 60394

    Jquery -links

    Καλησπέρα , 
    Ασχολούμαι εδώ και λίγο καιρό με το jquery.Θέλω να αλλάξω το κείμενο και το url ενός συνδέσμου όταν ο χρήστης κλικάρει το button σε μια .aspx page. πως το κάνω αυτό  με το jquery?
  •  03-10-2010, 22:02 60402 σε απάντηση της 60394

    Απ: Jquery -links

    Σε ένα μικρό demo που έφτιαξα δείχνει να παίζει.Το markup μου μέσα στην default2.aspx είναι αυτό εδώ
    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

     
           <script type="text/javascript">
               $(function () 
               {
                   $('input[id$=Button1]').click(function (e) 
                   {
                       e.preventDefault();
                       var $thelink = $('a[id$=HyperLink1]');
                       var Url = $thelink.attr('href');
                       var theUrl = "http://www.asp.net";
                        $thelink.attr('href', theUrl);
                       $thelink.text("ASP.Net");

                  });
               });
    </script>


    </head>
    <body>
           <form id="form1" runat="server">
           <div>

               <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="http://www.bbc.co.uk">BBC</asp:HyperLink>
               <asp:Button ID="Button1" runat="server" Text="Button" />


            </div>
           </form>
    </body>
    </html>

    δες εδώ

    http://api.jquery.com/attr/

    http://docs.jquery.com/Text()


    Νικόλαος Καντζέλης
    BSc, MSc, MCAS, MCPD, MCITP, MCTS,MCP, MCT
    http://www.nksolutions.gr
    http://dotnetstories.wordpress.com
    http://weblogs.asp.net/dotnetstories
    http://forum.dotnetnuke.gr
  •  03-10-2010, 22:04 60403 σε απάντηση της 60394

    Απ: Jquery -links

    Έστω ότι έχουμε τα εξής:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    <asp:HyperLink ID="Hyperlink1" runat="server" NavigateUrl="~/somepage.aspx">Some Text</asp:HyperLink>
    <asp:Button ID="Button1" runat="server" Text="ClickMe" OnClientClick="BLOCKED SCRIPTreturn change_url();"></asp:Buttpn>
    
    <script type="text/javascript">
        function change_url() {
            $("#<% =HyperLink1.ClientID %>").attr("href", "newlink.aspx");
            $("#<% =HyperLink1.ClientID %>").text('New Text');
            
            return false;
        }
    </script>

    Η function chage_url() κάνει αλλαγές στο href αλλά και στο text του link. 


    Edit: Επ! Με πρόλαβες...


    Τάσος Καραγιάννης

    Baby debugging steps...
Προβολή Τροφοδοσίας RSS με μορφή XML
Με χρήση του Community Server (Commercial Edition), από την Telligent Systems