|
this is a jquery question, I am not sure if this is a correct forum to post it though.
There is a DIV tag with many elements inside. the div tag has a class to add jquery function to manage mouseover, mouseleave and click event to redirect to another page. everything works great till now. The problem is, now I have to add a button inside the div which should have its own function different from the div click.
I would appreciate if anybody can help me.
please note that I can't use the elements id, since the div is inside a repeater.
here are my Jquery code:
$('.Status').click(function() {
$(this).attr('data-redirect', '1');
});
$('.Highlight').click(function() {
var type = $(this).attr('data-DailyViewType');
var typeid = $(this).attr('data-editurl');
var btn_status = $(this).find('data-redirect');
if ($(this).hasClass('Status')) {
alert(1);
}
if (type != undefined || type != null) {
window.location = 'RuleEdit.aspx?DailyRuleTypeID=' + type;
}
else {
if (typeid != undefined || typeid != null) {
if (typeid > 0 && btn_status != 1) {
window.location = 'RuleEdit.aspx?id=' + typeid;
}
else {
}
}
}
});
$('.Highlight').mouseover(function() {
$(this).css('border-left-color', '#FF9900');
$(this).css('background-color', '#FAFAFA');
});
$('.Highlight').mouseleave(function() {
$(this).css('border-left-color', 'White');
$(this).css('background-color', 'White');
});
<asp:Repeater ID="RptRulesAndAlerts" runat="server"
onitemdatabound="RptRulesAndAlerts_ItemDataBound" >
<ItemTemplate>
<div class="tabs-content Highlight " align="center" data-editurl='<%# DataBinder.Eval(Container.DataItem, "RuleAlertID") %>'>
<asp:Panel ID="RuleAlert" runat="server">
<table cellpadding="7" cellspacing="7" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CDCDCD ; font-size: 11px; ">
<tr valign="middle">
<td><asp:Panel ID="Highlighter" runat="server"></asp:Panel> </td>
<td width="12%" >
<div class=" notification-type" style="font-weight: bold; word-spacing: 90px; font-size: 12px;" align="center" >
<%# GetLocalResourceObject(DataBinder.Eval(Container.DataItem, "Type").ToString()) %>
</div>
</td>
<td width="40%">
<div id="div_AlarmRuleTitle" style="font-weight: bold; font-size: 12px; color: #222; line-height: 24px;" align="left">
<img src='<%# Page.ResolveClientUrl(DataBinder.Eval(Container.DataItem, "ImgUrl").ToString()) %>' id="ImgAlarm" alt="" />
<label id="lbl_title" > <%# DataBinder.Eval(Container.DataItem, "Name") %> </label>
</div>
<br />
<div id="div_AlarmRuleDesc" style="font-size: 11px; line-height: 16px; color: #777" align="left">
<asp:Label ID="lbl_desc" runat="server" ></asp:Label>
<br />
<%# GetLocalResourceObject(DataBinder.Eval(Container.DataItem, "EventDescription").ToString()) %>
<br />
<asp:Label runat="server" ID="lbl_recipient" ></asp:Label>
</div>
</td>
<td width="14%" style="font-size: 11px"> <%# DataBinder.Eval(Container.DataItem, "Time")%>
</td>
<td width="15%" >
<%# GetLocalResourceObject(DataBinder.Eval(Container.DataItem, "UploadMethod").ToString())%>
</td>
<td width="20%" align="center" valign="middle">
<asp:Panel ID="pnl_status" runat="server" Class="Status" data-redirect="0">
<%--<div class=" switch switch-warning toggle " id="toggleOnOff" runat="server" data-toggle="switch" data-checkbox="chkOnOffToggle" ></div>--%>
<%--<asp:LinkButton ID="toggleOnOff" runat="server" OnClick="Toggle" CssClass=" switch switch-warning toggle " data-toggle="switch" data-checkbox="chkOnOffToggle"></asp:LinkButton>---%>
</asp:Panel>
</td>
<td width="">
<asp:Panel ID="pnl_button" runat="server" >
</asp:Panel>
</td>
</tr>
</table>
</asp:Panel>
</div>
</ItemTemplate>
</asp:Repeater>
|
|
|
|
|
Yes, you can give your div an ID if that makes this easier. Just put a runat="server" tag on it and give it an ID and then you can access via ID.
There are only 10 types of people in the world, those who understand binary and those who don't.
|
|
|
|
|
Try this
$('button').click(function(e){
e.stopPropagation();
})
if what you need on mouseover/mouseleave is just change css, do it using css
.highlight{
border-left: #FFF;
background-color:#FFF;
}
.highlight:hover {
border-left: #FF9900;
background-color:#FAFAFA;
}
Sorry, my english is bad!
|
|
|
|
|
when you trigger the button,you should cancel bubble.
|
|
|
|
|
Is it possible to read a text file in javascript? Sample code pls..
|
|
|
|
|
Hakan Bulut wrote: Sample code pls..
Please try to do your own research first. You can use Google, or go here[^] for help on Javascript.
Use the best guess
|
|
|
|
|
|
No. not generally easy from within a web browser. It's a security risk.
But you can disguise file as .js and load it with the script tag.
<script language="javascript" src="file.js"></script>
The file *must* contain valid script code. But you can put your data in string form, assigned to a variable.
Note: the external file must not contain any script tags.
direct loading of any file type is possible when using the following..
Web servers
node.js
spidermonkey shell
rhino shell
Windows Script Host (cscript)
"It's true that hard work never killed anyone. But I figure, why take the chance." - Ronald Reagan
That's what machines are for.
Got a problem?
Sleep on it.
|
|
|
|
|
It is good idea. I have to try it 
|
|
|
|
|
here's an example.
This is the external file, i have called it extern.js
this['data_array'] = [ "The quick brown fox jumped over the lazy dog.", 123, 456, "etc.." ];
this['data_json'] = { item1 : "the quick brown fox jumped over the lazy dog.",
item2 : 123, item3 : 456,
item4 : "etc.."
}
Code for the web page that loads it.
<html>
<head>
<script type="text/javascript" src="extern.js"></script>
<script type="text/javascript">
function dw(s) { var s = s || ""; document.write(s + "<br>"); }
var i = 0;
while (i < data_array.length) {
dw(data_array[i]);
i++;
}
dw();
dw("item1. "+ data_json.item1);
dw("item2. "+ data_json.item2);
dw("item3. "+ data_json.item3);
dw("item4. "+ data_json.item4);
</script>
</head>
<body>
</body>
</html>
"It's true that hard work never killed anyone. But I figure, why take the chance." - Ronald Reagan
That's what machines are for.
Got a problem?
Sleep on it.
|
|
|
|
|
This is really great sample thx.
|
|
|
|
|
Sorry, it is very hard to understand you.
Please delete your message, and start with a new thread.
Try and provide example code, or just the general flow done with comments on separate lines like below.
It will help you figure out what order to do things, and should help you explain it better on Code Project.
.
.
.
Include *any* old code you have written that you are wanting to redo in javascript.
"It's true that hard work never killed anyone. But I figure, why take the chance." - Ronald Reagan
That's what machines are for.
Got a problem?
Sleep on it.
|
|
|
|
|
There is no code in my explain.
week1 array
week2 array
After comparison of all elements in the array of 12 elements, the numbers 1-2-3 came time to play the next week swings are fixed and others.
|
|
|
|
|
Yes. but I have no idea how your lottery system works.
Your explanation is almost impossible to understand without some more detail.
Or some code. 
I want to help you.
Q1. how do you decide when the random lucky numbers are produced instead of using previous ones?
Q2. Are the new lottery number + lucky numbers produced (automatically) based on current Date & Time?
I've done similar stuff a very long time ago, written in BASIC.
"It's true that hard work never killed anyone. But I figure, why take the chance." - Ronald Reagan
That's what machines are for.
Got a problem?
Sleep on it.
|
|
|
|
|
<html>
<head>
<script language="JavaScript">
function myFunction(x1,x2,x3,x4,x5,x6,x7,x8,x9,x10)
{
var arrNums=new Array(10);
console.log(Array.isArray(arrNums));
var str=document.writeln("myFunction[arrNums]")
document.this.result.value=str;
for(var i=0; i<10; i++)
str=myFunction(arrNums[i]);
document.write(str)
}
</script>
</head>
<body>
</body>
</html>
In where is the error?
modified 12-Mar-13 7:03am.
|
|
|
|
|
You have not explained what you are trying to do. However, at a guess, I would suspect the recursive call str=myFunction(arrNums[i]);.
Use the best guess
|
|
|
|
|
I had to tried pass and assing an array variables to array values. This function should returning a value?
modified 12-Mar-13 7:05am.
|
|
|
|
|
|
Ok. It is so simple.
How does it possible in javascript language an array elements variables inside itself to array values assinging. This function should returning a value? That is.. How much possibilities to an array unit setup on javascript language.
|
|
|
|
|
Why not follow the suggestions on the link I gave you and read on to the next pages? There you will find examples of arrays, functions with arguments, and functions that return values.
Use the best guess
|
|
|
|
|
Did you understand what OP is trying to say?
I'm dumbfounded and cannot comprehend at all what OP is trying to do.
"I had the right to remain silent, but I didn't have the ability!"
Ron White, Comedian
|
|
|
|
|
1. Not really, but based on the thread it's something to do with Javascript arrays.
2. I don't really understand the last question but I think he just needs to run through the W3C tutorial.
Use the best guess
|
|
|
|
|
1. That much is clear!
2. I'm relieved, I thought you understood what OP was on about.
"I had the right to remain silent, but I didn't have the ability!"
Ron White, Comedian
|
|
|
|
|
Looking at his profile, I think he's a countryman of yours; although may be from Turkey originally.
Use the best guess
|
|
|
|
|
Whilst the text in his profile may appear to be in German, I have a strong gut feeling that it is the product of google translate.
Most of the sentences aren't complete and the meaning is obscure.
"I had the right to remain silent, but I didn't have the ability!"
Ron White, Comedian
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
