What this code is doing? - JavaScript Discussion Boards

Re: How can i change regex to work in javascript

Matt Meyer28-Sep-11 4:29

28-Sep-11 4:29

The forward slashes are causing your problems because they're telling the interpreter that it's the end of the expression since they're not escaped. Converting your expression from the original into the javascript should only require a copy/paste and manually escaping the pattern's forward slashes. Ie, (?:https?|ftp|file)://|www\.|ftp\.) becomes (?:https?|ftp|file):\/\/|www\.|ftp\.)

Here's a Regex reference for javascript that can help you convert your expression:
http://www.w3schools.com/jsref/jsref_obj_regexp.asp[^]

Also, there's a regular expression forum on here:
http://www.codeproject.com/Forums/1580841/Regular-Expressions.aspx[^]
They will probably give you more help about regex syntax problems than the javascript forum.

How to use Jquery on a Dynamical created Textbox

Vimalsoft(Pty) Ltd27-Sep-11 2:59

Vimalsoft(Pty) Ltd

27-Sep-11 2:59

Good Day All

i am creating Textboxes at Runtime with something like this

Dim cnt As New TextBox

      cnt.ID = "cont_" & x

      If multiline Then
          cnt.TextMode = TextBoxMode.MultiLine


      End If

These are dynamically created fields. so what i want to do is to use this following JQuery on this textbox

$(document).ready(function()
{
        $("#contentbox").keyup(function()
        {
        var box=$(this).val();
        var main = box.length *100;
        var value= (main / 145);
        var count= 145 - box.length;

        if(box.length <= 145)
        {
        $('#count').html(count);
        $('#bar').animate({"width": value+'%',}, 1);
        }
        return false;
        });

});

and what this function does it count the number of Characters that have been typed in a Textbox. so i am displaying the remaining characters. So that is working fine on my example because the Element is known at Early Binding. Now my question is what if the textbox is created dynamically ?

contentbox

this is the name of the Textbox in my example.

hOW do we use a J Query in Dynamically created Textbox.

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@dotnetfunda.com
http://www.Dotnetfunda.com

Re: How to use Jquery on a Dynamical created Textbox

AspDotNetDev27-Sep-11 7:42

AspDotNetDev

27-Sep-11 7:42

You can use something like this:

JavaScript

$("#" + "<%= cnt.ClientID %>").keyup(function() { /* ... */ });

You will have to ensure you have access to "cnt" from that scope. Or store the value in ClientID in a variable that you then use on the page.

Somebody in an online forum wrote:
INTJs never really joke. They make a point. The joke is just a gift wrapper.

Re: How to use Jquery on a Dynamical created Textbox

AditSheth27-Sep-11 20:24

AditSheth

27-Sep-11 20:24

Instead of ID get the textbox using Class.
give the class of textbox for example let i give a class name 'contentbox'

cnt.cssClass = "contentbox"

and in javascript

JavaScript

$(".contentbox").keyup(function()

Re: How to use Jquery on a Dynamical created Textbox

Vimalsoft(Pty) Ltd27-Sep-11 22:27

Vimalsoft(Pty) Ltd

27-Sep-11 22:27

Thank you very much , that did the Trick Smile | :)

Re: How to use Jquery on a Dynamical created Textbox

AditSheth28-Sep-11 0:40

AditSheth

28-Sep-11 0:40

Thanks

how to timer set image

pravin thatar26-Sep-11 22:49

pravin thatar

26-Sep-11 22:49

how to write the time set image code.......

What this code is doing?

treuveni23-Sep-11 22:31

treuveni

23-Sep-11 22:31

Hi,

Can someone please explain me what those lines are doing?

JavaScript

document.getElementById("form1").target="FormName";
                            document.getElementById("txtLabel").value="SendingFile";
                            document.getElementById("form1").submit();
                            document.getElementById("form1").target="_self";
                            document.getElementById("txtLabel").value="";
                            iframeAttach.document.getElementById("txtAttached").value="";

Thanks

Re: What this code is doing?

André Kraak23-Sep-11 22:48

André Kraak

23-Sep-11 22:48

It is using the getElementById()[^] method to access several element on the HTML page and setting their properties and calling their methods.

0100000101101110011001000111001011101001

Google API v2 is Free?

MaulikDusara23-Sep-11 19:58

MaulikDusara

23-Sep-11 19:58

Hi all,
I just want to know that is Google API v2 is Free or not?
Where we can use this API as a free and as a paid service?

Maulik Dusara
Sr. Sofware Engineer
I love it when a plan comes together

Re: Google API v2 is Free?

Richard MacCutchan23-Sep-11 22:57

Richard MacCutchan

23-Sep-11 22:57

Since it's the Google API then maybe Google[^] would have the answer.

Unrequited desire is character building. OriginalGriff

Java script -Print

kathyani21-Sep-11 2:13

kathyani

21-Sep-11 2:13

i have one issue

whenever clicking the radio button the open document should be print by using javascript. if any one know please give me the code.

Re: Java script -Print

Pete O'Hanlon21-Sep-11 2:46

Pete O'Hanlon

21-Sep-11 2:46

The standard way to print a web page is to use window.print(); in the trigger you want to fire the print. Note that it doesn't directly print the page - it shows the print dialog instead, and lets the user choose whether or not they want to print (along with providing print options).

Forgive your enemies - it messes with their heads

My blog | My articles | MoXAML PowerToys | Mole 2010 - debugging made easier - my favourite utility

Re: Java script -Print

kathyani21-Sep-11 2:54

kathyani

21-Sep-11 2:54

Could you please provide some peace of code for Print Dialog.

Re: Java script -Print

Pete O'Hanlon21-Sep-11 3:05

Pete O'Hanlon

21-Sep-11 3:05

I have.

JavaScript

window.print();

That shows the printer dialog.

Forgive your enemies - it messes with their heads

My blog | My articles | MoXAML PowerToys | Mole 2010 - debugging made easier - my favourite utility

Re: Java script -Print

Manfred Rudolf Bihy21-Sep-11 3:43

Manfred Rudolf Bihy

21-Sep-11 3:43

But iz only txts, I demand the codez.

You must give me the codez ...

WTF | :WTF:

"With sufficient thrust, pigs fly just fine."

Ross Callon, The Twelve Networking Truths, RFC1925

Re: Java script -Print

Pete O'Hanlon21-Sep-11 4:47

Pete O'Hanlon

21-Sep-11 4:47

If you'd said Urgntz, I'd have given you the cdz, but you didn't so I didn't.

Forgive your enemies - it messes with their heads

My blog | My articles | MoXAML PowerToys | Mole 2010 - debugging made easier - my favourite utility

Problem Displaying Data Island [modified]

ASPnoob20-Sep-11 19:34

ASPnoob

20-Sep-11 19:34

Hi All,
I'm trying out some javascript functions and XML Data Island that I was told should work but they do not. The following is the error message that I get when I tried to display my web page in Windows 7:

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; MAAU; .NET4.0C)
Timestamp: Wed, 21 Sep 2011 05:19:50 UTC

Message: Invalid character
Line: 16
Char: 53
Code: 0
URI: file:///C:/Users/Tape%20Pra%20Yuda/Desktop/PracticeWeb/SampleXML3.html

Message: Object expected
Line: 1
Char: 1
Code: 0
URI: file:///C:/Users/Tape%20Pra%20Yuda/Desktop/PracticeWeb/SampleXML3.html

I do not understand why data from the XML in the body of my html doc can not be displayed. Below are the html and javascript I'm using. Please take a look and tell me what I've done wrong, thanks in advance for your help.

<pre lang="text">

<!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>
<title>Contact Info Example1</title>
<script language="javascript" type="text/javascript">
function displayBusinessCardData() {
var xmldata1 = document.getElementById("xmldata1");
var bizCard = xmldata1.getElementsByTagName("BusinessCard")[0];

var name = "Name: " + bizCard.getElementsByTagName("Name")[0].firstChild.data;
var phone1 = "Phone:" + bizCard.getElementsByTagName("phone")[0].firstChild.data;
var phone2 = "Phone:" + bizCard.getElementsByTagName("phone")[1].firstChild.data;
var phone3 = "Phone:" + bizCard.getElementsByTagName("phone")[2].firstChild.data;
var email = "email:" + bizCard.getElementsByTagName("email")[0].firstChild.data;

alert("Contact Information: \n\n\" + name + "\n" + phone1 + "\n" + phone2 + "\n" + phone3 + "\n" + email);
}
</script>
</head>
<body>
<xml id="xmldata1" style="display:none">
<BusinessCard>
<Name> Pac Man</Name>
<phone type="mobile">(444) 123-4568</phone>
<phone type="work">(800) 111-2345</phone>
<phone type="fax">(444) 123-5678</phone>
<email>person1@dev.com</email>
</BusinessCard>
</xml>
<a href = "javascript:displayBusinessCardData()">Show Contact Info</a>
</body >
</html>

</pre>

-- Modified Wednesday, September 21, 2011 2:12 AM

Re: Problem Displaying Data Island

Graham Breach20-Sep-11 21:54

Graham Breach

20-Sep-11 21:54

You have an extra backslash in front of the first closing quote on the alert line - try taking that out.

Re: Problem Displaying Data Island [modified]

ASPnoob20-Sep-11 22:22

ASPnoob

20-Sep-11 22:22

Hi, thanks for responding. You're suggestion works.

-- Modified Wednesday, September 21, 2011 4:30 AM

javascript delay

benams18-Sep-11 22:30

benams

18-Sep-11 22:30

I use the following code in order to display a fake sending method that lasts 1 second:

<pre lang="Javascript">$("#" + action + "-submit-message").text("sending...");

var startTime = new Date().getTime();
while (new Date().getTime() < startTime + 1000);

$("#" + action + "-submit-message").text("sent!");</pre>

Despite of that, I can see only the "sent!" message in the end of the function, when I expect to see the "sending..." for a second. What can be the problem?

Re: javascript delay

Graham Breach18-Sep-11 23:20

Graham Breach

18-Sep-11 23:20

I guess your while loop is locking out the DOM update while it runs.

Try using a timer instead:

$("#" + action + "-submit-message").text("sending...");

setTimeout(function() {
  $("#" + action + "-submit-message").text("sent!");
},1000);

Re: javascript delay

benams18-Sep-11 23:26

benams

18-Sep-11 23:26

I have tried something similar to:

JavaScript

function f(){
$("#" + action + "-submit-message").text("sending...");
 
setTimeout(done(),1000);
}
function done()
{
    $("#" + action + "-submit-message").text("sent!");
}

but what I get is the "sending..." message permanently(the "sent!" is never displayed)

Re: javascript delay

Graham Breach18-Sep-11 23:45

Graham Breach

18-Sep-11 23:45

Try removing the () from inside the setTimeout call, like this:

setTimeout(done,1000);

This means you pass the done function to setTimeout to call when the timer runs down, whereas setTimeout(done(),1000); calls done at the start and passes the result to setTimeout to run later, which is not what you want.

Re: javascript delay

benams18-Sep-11 23:53

benams

18-Sep-11 23:53

I think it works, but what if I have to pass parameters to a function?
Is there a way to do it?

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.