내가

2013-06-13 6 views
-1
<a href="#" class="button">Read More</a><br> 

내가 웹 사이트에이 버튼이 자바 스크립트 같은 페이지에서 더 많은 정보를 표시 버튼을 클릭하면 내가 Read more를 클릭 할 때 나에게 CD의 정보를 표시하는 버튼을 프로그램하는 방법을 모르는 나는 팔고있다.내가

어떻게 할 수 있습니까?

+0

에 오신 것을 환영합니다 SO합니다. JavaScript로 할 수있는 일은 많습니다. 예를 들어 사용자를 다른 페이지로 리디렉션하거나, div를 일시적으로 사용자에게 표시하거나, 차단 대화 상자를 표시하는 등의 작업을 할 수 있습니다. 원하는 작업에 대한 자세한 정보를 제공해야합니다. 질문을 편집하고 정확한 대답을 원하는 것에 대한 자세한 내용을 추가 할 수 있습니다. –

+0

jqurey 툴팁을 사용할 수 있습니다. http://jqueryui.com/tooltip/#custom-style –

답변

3

JQuery을 사용하면 코딩을 쉽게 할 수있는 정말 멋진 프레임 워크입니다!

당신은

그래서이

$("#clickme").click(function() { 
    $("#hidden").show(); 
}); 

같은과 HTML에 대한 뭔가를 할 수있는 .click() 이벤트와 .show() 기능을 사용하려면

<html> 
<body> 
<p id="clickme">Read More</p> 
<p id="hidden" hidden>COOL STORY BRO</p> 
</body> 
</html> 

Example

-1
Suppose you have, 

<div id="dvInfo"> 
Here is your question and i am giving an answer. 
</div> 
<a href="javascript:void()" id='see'>See more</a> 

So, 
In jQuery 

$(document).ready(function(){ 
    var f_text = $('#dvInfo').html(); 
    $('#dvInfo').html($('#dvInfo').html().substring(0,8)+"..."); 
    $('#see').click(function(){ 
    $('#dvInfo').html(f_text); 
    }); 
}); 
-1

HTML 부분

<asp:Button ID="btnread" runat="server" Text="Button" /> <div id="divinfo" style="display:none">More Info</div>

JQuery와 부분 :

$(function() { 
     $("#<%=btnread.ClientID %>").click(function() { 
      $("div[id$=divinfo]").css("display", "block"); 
      return false; 
     }); 
    });