|
It is that time of the day. hungry i cant cope anymore 
I have a Javascript written like this
function Jump() {
var txtUnitLen1 = document.getElementById("<%= txtUnitLen1.ClientID %>").value;
var txtUnitLen2 = document.getElementById("<%= txtUnitLen2.ClientID %>").value;
var txtUnitLen3 = document.getElementById("<%= txtUnitLen3.ClientID %>").value;
var txtUnitLen4 = document.getElementById("<%= txtUnitLen4.ClientID %>").value;
var txtUnitLen5 = document.getElementById("<%= txtUnitLen5.ClientID %>").value;
var txtUnitLen6 = document.getElementById("<%= txtUnitLen6.ClientID %>").value;
var txtUnitLen7 = document.getElementById("<%= txtUnitLen7.ClientID %>").value;
var txtUnitLen8 = document.getElementById("<%= txtUnitLen8.ClientID %>").value;
var txtUnitLen9 = document.getElementById("<%= txtUnitLen9.ClientID %>").value;
var txtUnitLen10 = document.getElementById("<%= txtUnitLen10.ClientID %>").value;
var txtUnitLen11 = document.getElementById("<%= txtUnitLen11.ClientID %>").value;
var txtUnitLen12 = document.getElementById("<%= txtUnitLen12.ClientID %>").value;
var txtUnitLen13 = document.getElementById("<%= txtUnitLen13.ClientID %>").value;
var txtUnitLen14 = document.getElementById("<%= txtUnitLen14.ClientID %>").value;
var txtUnitLen15 = document.getElementById("<%= txtUnitLen15.ClientID %>").value;
var txtUnitLen16 = document.getElementById("<%= txtUnitLen16.ClientID %>").value;
var txtUnitLen17 = document.getElementById("<%= txtUnitLen17.ClientID %>").value;
var txtUnitLen18 = document.getElementById("<%= txtUnitLen18.ClientID %>").value;
var txtUnitLen19 = document.getElementById("<%= txtUnitLen19.ClientID %>").value;
var txtUnitLen20 = document.getElementById("<%= txtUnitLen20.ClientID %>").value;
var ddlAutoText = document.getElementById("<%= ddlAutoText.ClientID %>").value;
if (ddlAutoText > 0)
{
if (txtUnitLen1.length >= ddlAutoText)
{
document.getElementById("<%= txtUnitLen2.ClientID %>").focus();
}
if (txtUnitLen2.length >= ddlAutoText)
{
document.getElementById("<%= txtUnitLen3.ClientID %>").focus();
}
if (txtUnitLen3.length >= ddlAutoText) {
document.getElementById("<%= txtUnitLen4.ClientID %>").focus();
}
if (txtUnitLen4.length >= ddlAutoText) {
document.getElementById("<%= txtUnitLen5.ClientID %>").focus();
}
if (txtUnitLen5.length >= ddlAutoText) {
document.getElementById("<%= txtUnitLen6.ClientID %>").focus();
}
if (txtUnitLen6.length >= ddlAutoText) {
document.getElementById("<%= txtUnitLen7.ClientID %>").focus();
}
if (txtUnitLen7.length >= ddlAutoText) {
document.getElementById("<%= txtUnitLen8.ClientID %>").focus();
}
if (txtUnitLen8.length >= ddlAutoText) {
document.getElementById("<%= txtUnitLen9.ClientID %>").focus();
}
if (txtUnitLen9.length >= ddlAutoText) {
document.getElementById("<%= txtUnitLen10.ClientID %>").focus();
}
if (txtUnitLen10.length >= ddlAutoText) {
document.getElementById("<%= txtUnitLen11.ClientID %>").focus();
}
if (txtUnitLen11.length >= ddlAutoText) {
document.getElementById("<%= txtUnitLen12.ClientID %>").focus();
}
if (txtUnitLen12.length >= ddlAutoText) {
document.getElementById("<%= txtUnitLen13.ClientID %>").focus();
}
if (txtUnitLen13.length >= ddlAutoText) {
document.getElementById("<%= txtUnitLen14.ClientID %>").focus();
}
if (txtUnitLen14.length >= ddlAutoText) {
document.getElementById("<%= txtUnitLen15.ClientID %>").focus();
}
if (txtUnitLen15.length >= ddlAutoText) {
document.getElementById("<%= txtUnitLen16.ClientID %>").focus();
}
if (txtUnitLen16.length >= ddlAutoText) {
document.getElementById("<%= txtUnitLen17.ClientID %>").focus();
}
if (txtUnitLen17.length >= ddlAutoText) {
document.getElementById("<%= txtUnitLen18.ClientID %>").focus();
}
if (txtUnitLen18.length >= ddlAutoText) {
document.getElementById("<%= txtUnitLen19.ClientID %>").focus();
}
if (txtUnitLen19.length >= ddlAutoText) {
document.getElementById("<%= txtUnitLen20.ClientID %>").focus();
}
if (txtUnitLen20.length >= ddlAutoText) {
document.getElementById("<%= txtUnitLen1.ClientID %>").focus();
}
}
and i am setting the max length of the text on the server side. Now this is working , the main purpose of this javascript is that when the user types till the "MaxLength" of the textbox. Now this works fine, when the value of the maxlength is 3 , if a user tries to type the 4th text, it will set the focus to the next textbox.
Now my problem is that now , let us say one made a mistake in textbox 3 and want to go and edit, immidiately when you edit the text in the textbox 3 , the focus jumps quickly to textbox1 before the editing is finished. Below is the event that is used
<asp:TextBox ID="txtUnitLen1" onKeyUp="Jump()" runat="server" </asp:TextBox>
I just need to go and eat, i will look at your reply tomorow.
thanks again for your help
Thanks
Vuyiswa Maseko,
Spoted in Daniweb-- Sorry to rant. I hate websites. They are just wierd. They don't behave like normal code.
C#/VB.NET/ASP.NET/SQL7/2000/2005/2008
http://www.vuyiswamaseko.com
vuyiswa@its.co.za
http://www.itsabacus.co.za/itsabacus/
|
|
|
|
|
Try this
Xtended TextBox[^] It contains different types of textboxes like IPAddress, Phone, Social Security Number, Credit Card, etc.,
thatraja |Chennai|India|
Brainbench certifications
Down-votes are like kid's kisses don't reject it 
Do what you want quickly because the Doomsday on 2012
|
|
|
|
|
hello everyone.
Inside my form I have a field like this:
<input type="text" id="UserEmail" name="UserEmail" />
If I set the Id in my Ext source it works fine:
var txt_email = new Ext.form.TextField
({
applyTo: 'UserEmail' ,
allowBlank: false,
x:10,
y:50
});
But if I set one button, it doesn't work.
I don't wanna override the attributes in my widgets.
Where are my mistakes?
the example:
<html><head><title>Hello World</title>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function()
{
Ext.QuickTips.init();
var txt_email = new Ext.form.TextField
({
applyTo: 'UserEmail' ,
allowBlank: false,
x:110,
y:50
});
var btn_submit = new Ext.Button
({
applyTo: 'submit' ,
x:280,
y:50
});
var viewport = new Ext.Viewport
({
renderTo: document.body,
frame:true, layout:'fit',
items:[{
xtype:'panel',
layout:'absolute',
items:[txt_email, btn_submit]
}]
});
viewport.show();
});
</script>
</head>
<body>
<form id="anyname">
<input type="text" id="UserEmail" name="UserEmail" />
<input type="button" id="submit" name="submit" onclick="alert('hello')" />
</form>
</body>
</html>
Thanks!
|
|
|
|
|
Hello!
I found the solution:
http://stackoverflow.com/questions/2944322/extjs-login-with-remember-me-functionality
new Ext.Panel({
el: 'auth-form',
autoShow: true,
layout: 'form',
items: [
{
xtype: 'textfield',
el: 'auth-username',
autoShow: true,
name: 'username',
fieldLabel: 'Username',
anchor: '100%'
},
{
xtype: 'textfield',
el: 'auth-password',
autoShow: true,
name: 'password',
fieldLabel: 'Password',
anchor: '100%'
}
],
buttons: [
{
text: 'Log in',
handler: function() {
Ext.get('auth-submit').dom.click();
}
}
]
});
the problem was in the 'el' and the 'handler'
this is the example html form:
<form id="auth-form" action="/url/of/your/login/action" method="POST">
<input id="auth-username" type="text" name="username" class="x-hidden">
<input id="auth-password" type="password" name="password" class="x-hidden">
<input id="auth-submit" type="submit" class="x-hidden">
</form>
|
|
|
|
|
Okay, I just got a somewhat of a horrifying script. It has about 60 functions in it and the creator decided that for every function he should use another function to call it, function names are none descriptive (func123), I already found 3 functions that call the exact same function and doesn’t do anything else.
I have been asked to document it and tidy it up, but right now I can’t tell right from left.
What I want to ask is:
Does anyone know of an editor for javascript that can tell me where what function is called and where what variable is used?
|
|
|
|
|
Use a decent editor that will allow you to easily find the functions. We use a lot of TCL in house and have found notepad++ invaluable for searching and editing the code.
Panic, Chaos, Destruction.
My work here is done.
or "Drink. Get drunk. Fall over." - P O'H
OK, I will win to day or my name isn't Ethel Crudacre! - DD Ethel Crudacre
|
|
|
|
|
|
+10 for Notepad++. I even use it to browse individual code files (C++, C#, VB, VBS, XML...) when I don't want to load studio and wait for it to initialize.
I wasn't, now I am, then I won't be anymore.
|
|
|
|
|
I agree 
thatraja |Chennai|India|
Brainbench certifications
Down-votes are like kid's kisses don't reject it
Do what you want quickly because the Doomsday on 2012
|
|
|
|
|
The tool: Eclipse will help you after you install JavaScript model.
|
|
|
|
|
THIS[^] tool might be useful, I've used it and it's quite helpful.
Regards,
Hiren.
"We owe a lot to the Indians, who taught us how to count, without which no worthwhile scientific discovery could have been made." - Einstein
Microsoft Dynamics CRM
|
|
|
|
|
i want when user click on submit button then a div layer will be generated over the textbox whose height and width will be just the same as textbox and in this way textbox will be blocked for entering something. i want to do it by javascript. in this scenario other textbox will not be blocked.
tbhattacharjee
|
|
|
|
|
Sir,
I completely understand your requirement. But I think creating a div above the textbox may not be a good idea.
Insted you can just make that particular textbox disabled. In that way he wont be able to modify thosed etails, and it is really very easy to implement this using Jquery or Javascript.
$('#div_id).attr('disabled', 'true');
And it will be taken care of.
|
|
|
|
|
I think you can set the input text-box to disable status to prevent user enter the new text.
please use the like below code:
document.getElementById("YourID").disabled=true;
modified on Friday, November 19, 2010 2:39 AM
|
|
|
|
|
You can make text box as disable or readonly.
sunaSaRa Imdadhusen
+91 99095 44184
+91 02767 284464
|
|
|
|
|
hello everyone,
i am writing a code for horizontal dropdown menubar
the problem i'm facing is that the menu just works fine in firefox  , but in Internet explorer the submenu is shifting to 30 pixels to the right when mouse is over the menu  .
I don't know that it is actually shifting or aligning to center ??? 
the background image i m using for menu buttons is 150x35 px in dimension.
Here's my code for all the files:-
home.html
-------------------------------------------------------------------------------------------
<!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>
<link href="css/menu.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript" src="scripts/menu_script.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<div class="Menubar">
<ul>
<li class="nav_li"><a href="#" class="menu1" id="m1">Item 1</a></li>
<li class="nav_li"><a href="#" class="menu2" id="m2" onmouseover="showmenu('m2', 'sm2')" onmouseout="hidemenu('m2', 'sm2')">Item 2</a></li>
<ul class="submenu2" id="sm2" onmouseover="showmenu('m2', 'sm2')" onmouseout="hidemenu('m2', 'sm2')">
<li class="nav_li"><a href="#">Item 2.1</a></li>
<li class="nav_li"><a href="#">Item 2.2</a></li>
<li class="nav_li"><a href="#">Item 2.3</a></li>
</ul>
<li class="nav_li"><a href="#" class="menu3" id="m3">Item 3</a></li>
<li class="nav_li"><a href="#" class="menu4" id="m4" onmouseover="showmenu('m4', 'sm4')" onmouseout="hidemenu('m4', 'sm4')">Item 4</a></li>
<ul class="submenu4" id="sm4" onmouseover="showmenu('m4', 'sm4')" onmouseout="hidemenu('m4', 'sm4')">
<li class="nav_li"><a href="#">Item 4.1</a></li>
<li class="nav_li"><a href="#">Item 4.2</a></li>
<li class="nav_li"><a href="#">Item 4.3</a></li>
</ul>
</ul>
</div>
</body>
</html>
-------------------------------------------------------------------------------------------
menu.css
-------------------------------------------------------------------------------------------
@charset "utf-8";
h1 {
font-family: "Lucida Console", Monaco, monospace;
font-size: 10mm;
}
.custom_text {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
}
body,td,th {
margin:0;
padding:0;
font-family: Verdana, Geneva, sans-serif;
font-size: 10pt;
border: 0;
}
.nav_li
{
list-style-type:none;
}
.Menubar
{
display:block;
background-color:#0FC;
position:absolute;
width: 600px;
height: 35px;
left: 0px;
top: 0px;
}
.menu1
{
position:absolute;
background-image:url(../images/button_background_normal.jpg);
left: 0px;
top: 0px;
width:150px;
height:35px;
}
.menu2
{
position:absolute;
background-image:url(../images/button_background_normal.jpg);
left: 150px;
top: 0px;
width:150px;
height:35px;
}
.menu3
{
position:absolute;
background-image:url(../images/button_background_normal.jpg);
left: 300px;
top: 0px;
width:150px;
height:35px;
}
.menu4
{
position:absolute;
background-image:url(../images/button_background_normal.jpg);
left: 450px;
top: 0px;
width:150px;
height:35px;
}
.submenu2
{
display:none;
background-image:url(../images/button_background_normal.jpg);
position:absolute;
left: 150px;
top: 35px;
width:70px;
padding:0;
}
.submenu4
{
display:none;
background-image:url(../images/button_background_normal.jpg);
background-color:#FF9;
position:absolute;
left:450px;
top:35px;
width:70px;
padding:0;
}
a
{
text-decoration: none;
}
-------------------------------------------------------------------------------------------
menu.js
-------------------------------------------------------------------------------------------
function showmenu(mID, submID)
{
var obj_m = document.getElementById(mID);
var obj_sm = document.getElementById(submID);
obj_m.style.backgroundImage="url(../images/button_background_highlight.jpg)";
obj_sm.style.display="block";
}
function hidemenu(mID, submID)
{
var obj_m = document.getElementById(mID);
var obj_sm = document.getElementById(submID);
obj_m.style.backgroundImage="url(../images/button_background_normal.jpg)";
obj_sm.style.display="none";
}
Future Lies in Present.
Manmohan Bishnoi
|
|
|
|
|
I think you may need a CSS reset for IE6 to stop the "shifting" when opening the menu.
Try
* {margin:0; padding:0;}
in your CSS
|
|
|
|
|
Thanks, It works 
But why the problem was there in IE; was it due to the reason the way IE handles CSS ?
Future Lies in Present.
Manmohan Bishnoi
|
|
|
|
|
The problem is always with IE. You'll find that IE will often give you headaches while creating websites.
|
|
|
|
|
Hi,
Good Day!
I have a string, say '|abc|def|ghi|'.
How can i remove the first pipe character in that string using regular expression?
Thanks,
ewin
|
|
|
|
|
I already got the answer.
/^[|]/ - is the right regex that will match the first pipe in a string.
thanks to [gskinner]
|
|
|
|
|
|
Hi Friends
Please check this link in IE8: <a href="http://www.freej.ae/freejaetest/ar/FreejEpisodes.aspx">http://www.freej.ae/freejaetest/ar/FreejEpisodes.aspx</a>. If you select first link below page title from right in the above link, You will see a jcarousel in the bottom which is not displaying correctly...But when I see it on my local machine its showing up correctly but online its not showing up correctly. I am puzzled as what might have went wrong as both the local and online versions are same with same codebase and same data. Please help me in resolving th issue. Site is developed in Asp.net.
Thanks
|
|
|
|
|
Its throwing some kind of javascript error. You can check error details by clicking the warning icon in the status bar on bottom left side of the page.
Thanks
|
|
|
|
|
wajans wrote: You can check error details by clicking the warning icon in the status bar
No, you can provide the details here.
If you want help with your problem then provide the information, telling us to go search for it will just get you ignored.
I know the language. I've read a book. - _Madmatt
|
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
