Javascript Help [SOLVED!]

login | register | shoutbox

What happened to the Messenger Plus! forums on msghelp.net?

Shoutbox » MsgHelp Archive » General » General Chit Chat » Javascript Help [SOLVED!]

Javascript Help [SOLVED!]

Author:

Message:

glennlopez
New Member

Posts: 6
Joined: Jun 2005

O.P.

Javascript Help [SOLVED!]

Hey guys, im having trouble with javascript coding. I know for a fact that this comunity has a lot of genus coders which is why im asking here first.

Anyways, what i wanna acomplish is:

I've got a div tag with a content "hello world"
ie: <div>hello world</div>

Now what I wanna do is take out anything after 4 letters in that div tag
ie: so im left with the word 'hell' in the end. instead of 'hello world'

I know i can use:
x=x.substr(0,4);

to subtract anything after the 4rth letter but my question is... how do I apply this logic to what I wanna get acomplished?

could someone who knows what they're doing please complete the code for me so i can understand how its done right? Thanks everyone!

I've got a joost + pownce invite for the first person with the working script

This post was edited on 08-18-2007 at 10:00 AM by glennlopez.

08-18-2007 06:18 AM

markee
Veteran Member

Posts: 1621
Reputation: 50
35 / Male

Joined: Jan 2006

RE: Javascript Help (pownce & joost invite reward)

code:
<script language="Javascript">var element = document.getElementById("IdOfTheDivYouWant");element.innerHTML = element.innerHTML.substr(0,4);</script>

Don't worry about the invites, it's not like it was difficult.

08-18-2007 06:39 AM

glennlopez
New Member

Posts: 6
Joined: Jun 2005

O.P. RE: Javascript Help (pownce & joost invite reward)

hmm... it didnt work

<head>
<script language="Javascript">
var element = document.getElementById("poop");
element.innerHTML = element.innerHTML.substr(0,4);
</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<div id="poop">hello world</div>
</body>

08-18-2007 07:18 AM

scott2010_h
Full Member

Posts: 187
Reputation: 10
32 / Male

Joined: Dec 2005
Status: Away

RE: Javascript Help (pownce & joost invite reward)

quote:
Originally posted by glennlopez
<head>
<script language="Javascript">
var element = document.getElementById("poop");
element.innerHTML = element.innerHTML.substr(0,4);
</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<div id="poop">hello world</div>
</body>

That won't work because the div is created after the script is called. So you need to place the code in after the div like this:

code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<div id="poop">hello world</div>
<script language="javascript">
var element = document.getElementById("poop");
element.innerHTML = element.innerHTML.substr(0,4);
</script>
</body>
</html>

Tested it on my local server and it worked (Y)

This post was edited on 08-18-2007 at 07:34 AM by scott2010_h.

08-18-2007 07:34 AM

scott2010_h
Full Member

Posts: 187
Reputation: 10
32 / Male

Joined: Dec 2005
Status: Away

RE: Javascript Help (pownce & joost invite reward)

sure I'll take a joost invite just sent it to [Image: sig.php?email=scott2010_h%20AT%20hotmail%20DOT%20com]

thanks glennlopez

08-18-2007 08:33 AM

glennlopez
New Member

Posts: 6
Joined: Jun 2005

O.P. RE: Javascript Help (pownce & joost invite reward)

ahh ic, thank you scott for clearing that up

one more thing i forgot to mention... I need the same script to remove any numbers within that same div tag "poop".

18 August 2007 will turn into August
18 September 2006 will turn into Septeber
122 dDfs sstt eds 56 will turn into dDfs sstt eds
etc..

can any one help me with that one as well?

This post was edited on 08-18-2007 at 09:26 AM by glennlopez.

08-18-2007 09:01 AM

scott2010_h
Full Member

Posts: 187
Reputation: 10
32 / Male

Joined: Dec 2005
Status: Away

RE: Javascript Help (pownce & joost invite reward)

I think this is what you looking for

code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<div id="poop">hello Wednesday</div>
<script language="javascript">
var element = document.getElementById("poop");
element.innerHTML = element.innerHTML.replace(/Wednesday/g, "Ooompa Loompa");
</script>
</body>
</html>

This code will replace all instances of Wednesday with Ooompa Loompa

08-18-2007 09:18 AM

glennlopez
New Member

Posts: 6
Joined: Jun 2005

O.P. RE: RE: Javascript Help (pownce & joost invite reward)

quote:
Originally posted by scott2010_h
I think this is what you looking for

code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<div id="poop">hello Wednesday</div>
<script language="javascript">
var element = document.getElementById("poop");
element.innerHTML = element.innerHTML.replace(/Wednesday/g, "Ooompa Loompa");
</script>
</body>
</html>
This code will replace all instances of Wednesday with Ooompa Loompa

dude, your the best! thanx, ill invite you to joost as soon as i open it

also... lol i dont meen to ask for milk but you think you could help me with this last one as well...

I need the same script to remove any numbers within that same div tag "poop".

18 August 2007 will turn into August
18 September 2006 will turn into Septeber
122 dDfs sstt eds 56 will turn into dDfs sstt eds
etc..

This post was edited on 08-18-2007 at 09:37 AM by glennlopez.

08-18-2007 09:27 AM

scott2010_h
Full Member

Posts: 187
Reputation: 10
32 / Male

Joined: Dec 2005
Status: Away

RE: Javascript Help (pownce & joost invite reward)

this should do it:

code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<div id="poop">18 August 2007</div>
<script language="javascript">
var element = document.getElementById("poop");
element.innerHTML = element.innerHTML.replace(/[*0-9]/g,'');
</script>
</body>
</html>

Edit:
btw thanks for the invite

This post was edited on 08-18-2007 at 09:51 AM by scott2010_h.

08-18-2007 09:50 AM

« Next Oldest

Return to Top

Next Newest »

Threaded Mode | Linear Mode
View a Printable Version
Send this Thread to a Friend
Subscribe | Add to Favorites

Forum Rules:
You cannot post new threads You cannot post replies You cannot post attachments You can edit your posts	HTML is Off myCode is On Smilies are On [img] Code is On