Hi this is my code, in ascx file. There is problem in it. It seems that it dosen't understand Javascript!
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="CriteriaControl.ascx.cs" Inherits="Controls_CriteriaControl" %>
<link href="../Stylesheet/table.css" rel="stylesheet" type="text/css" />
<link href="../Stylesheet/Button.css" rel="stylesheet" type="text/css" />
<link href="../Stylesheet/jquery-ui-1.8.21.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../JavaScript/jquery-1.7.2.js"></script>
<script type="text/javascript" src="../JavaScript/jquery-ui-1.8.21.custom.min.js"></script>
<script language="javascript" type="text/javascript">
$(function () {
$("#help-icon").button
({
icons:
{
primary: "ui-icon-help"
},
text: false
});
$("#help-icon").click
{
$(function () {
var moveLeft = 20;
var moveDown = 10;
$('#help-icon').hover(function (e) {
$('div#pop-up').show();
},
function () {
$('div#pop-up').hide();
});
$('.help-icon').mousemove(function (e) {
$("div#pop-up").css('top', e.pageY + moveDown).css('left', e.pageX + moveLeft);
});
});
}
});
$(function () {
$("#slider-range").slider({
range: true,
min: 0,
max: 100,
values: [0, 100],
slide: function (event, ui) {
$("#amount1").val(ui.values[0]);
$("#amount2").val(ui.values[1]);
}
});
$("#amount1").val($("#slider-range").slider("values", 0));
$("#amount2").val($("#slider-range").slider("values", 1));
});
</script>
<div class="divTable">
<div class="divRow">
<div class="divCell">
<input type="text" id="lable" value="something" readonly="readonly"/>
<button id="help-icon" style="width:13px ; height:13px">help</button>
<div id="pop-up" class="divCell">
loading...Say what u want!
</div>
</div>
<div class="divCellmine">
<label for="amount1">min:</label>
<input type="text" id="amount1" style="border:0; font-weight:bold;" />
</div>
<div class="divCellmine">
<div id="slider-range" style="width: 142px; height: 1px"></div>
</div>
<div class="divCellmine">
<label for="amount2">max:</label>
<input type="text" id="amount2" style="border:0; font-weight:bold;" />
</div>
</div>
</div>
this code has a lable, a button , a slider that by changing its handler two lables are changed...
I'd be glad to help me...
Thanks
Bahar