且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何在href链接点击时使用jquery在标签上显示消息?

更新时间:2023-02-18 13:34:33

交联,


navthumb;
var curclicked = 0;

theInterval = function(cur){
clearInterval(theInt);

if(typeof cur!='undefined')
curclicked = cur;


crosslink.removeClass(active-thumb);

Hello,

I am writing this code for image display on href link click but i need a different text according to href link.
My code is:-

<script type="text/javascript">

	    var theInt = null;
	    var $crosslink, $navthumb;
	    var curclicked = 0;

	    theInterval = function (cur) {
	        clearInterval(theInt);

	        if (typeof cur != 'undefined')
	            curclicked = cur;

	        $crosslink.removeClass("active-thumb");
	        $navthumb.eq(curclicked).parent().addClass("active-thumb");
	        $(".stripNav ul li a").eq(curclicked).trigger('click');

	        theInt = setInterval(function () {
	            $crosslink.removeClass("active-thumb");
	            $navthumb.eq(curclicked).parent().addClass("active-thumb");
	            $(".stripNav ul li a").eq(curclicked).trigger('click');
	            curclicked++;
	            if (6 == curclicked)
	                curclicked = 0;

	        }, 200000);
	    };

	    $(function () {

	        $("#main-photo-slider").codaSlider();

	        $navthumb = $(".nav-thumb");
	        $crosslink = $(".cross-link");
	        $navthumb
			.click(function () {
			    var $this = $(this);
			    theInterval($this.parent().attr('href').slice(1) - 1);

			    return false;

			});

	        theInterval();
	    });
	</script>

<div class="slider-wrap">

		<div id="main-photo-slider" class="csw">
			<div class="panelContainer">
           
				<div class="panel" title="Panel 1">
					<div class="wrapper">
                  <div class="box-image">
                                                            <div class="inner-image" style="margin-removed30px;"> 
                                                             <asp:Image ID="uploadImage" runat="server" Width="823" Height="450" style="margin:50px 0 200px 0; position:relative; z-index:0; border:none;"/>
                                                             <asp:Image ID="bg1" runat="server" width="890" ImageUrl="images/bgeventimage.png" borderStyle=None CssClass="floatLeft" height="530" style="margin: -680px 0 0 -30px;" />
                                                           
                                                            </div>
                                                            
                                                            

                                                            <div>
                                                           
                                                             <div>
                                                           
                                                           </div>
                                                            <img src="images/bgeventimage34.png" width="890" height="510" alt="" style="margin:30px 0 0 -890px; position:absolute;" />
                                                             
                                                        </div>
 
                                                    </div>
                                                     
					</div>
                                                            <asp:TextBox ID="Template1TxtTo" runat="server" CssClass="sample-text-01" placeholder="To...">
                                                            <asp:TextBox ID="Template1TxtFrom" runat="server" CssClass="sample-text-02" placeholder="from...">
                                                            
				</div>
				
                <div class="panel" title="Panel 2">
					<div class="wrapper">
                  <div class="box-image">
                                                            <div class="inner-image" style="margin-removed30px;"> 
                                                             <asp:Image ID="Image1" runat="server" Width="823" Height="450" style="margin:50px 0 200px 0; position:relative; z-index:0; border:none;"/>
                                                             <asp:Image ID="Image2" runat="server" width="890" ImageUrl="images/bgeventimage.png" borderStyle=None CssClass="floatLeft" height="530" style="margin: -680px 0 0 -30px;" />
                                                           
                                                            </div>
                                                            
                                                            

                                                            <div>
                                                             <div>

                                                           </div>
                                                            <img src="images/bgeventimage35.png" width="890" height="510" alt="" style="margin:30px 0 0 -890px; position:absolute;" />
                                                             
                                                        </div>

                                                        <%--<img src="images/bgeventimage33.png" width="890" height="510" alt="scotch egg" style="margin: 0 0 0 0;"
                                                            class="floatLeft" />--%>


                                                        
                                                    </div>
                                                     
					</div>
                                                            <asp:TextBox ID="TextBox3" runat="server" CssClass="sample-text-03" placeholder="To...">
                                                            <asp:TextBox ID="TextBox4" runat="server" CssClass="sample-text-04" placeholder="from...">
				</div>
</div>
		</div>
<div id="movers-row">
        	<div>
            <a href="#1" class="cross-link">
            <img src="images/thumbimage.jpg" width="150" height="100" class="nav-thumb" alt="temp-thumb" />
           </a></div>
			<div><a href="#2" class="cross-link"><img src="images/thumbimage2.jpg" width="150" height="100" class="nav-thumb" alt="temp-thumb" /></a>
            </div>
</div>
<asp:Label ID="lblTempolateTextInformation" runat="server" Text="">



I want to display text on "lblTempolateTextInformation" according to first tenplate and second template click both information are different.
How it can be possible from jquery.

Please help me.

Thanks in Advance

Ankit Agarwal
Website Developer

crosslink,


navthumb; var curclicked = 0; theInterval = function (cur) { clearInterval(theInt); if (typeof cur != 'undefined') curclicked = cur;


crosslink.removeClass("active-thumb");