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. Shocked  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
Profile E-Mail PM Find Quote Report
markee
Veteran Member
*****

Avatar

Posts: 1622
Reputation: 50
36 / Male / Flag
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.
[Image: markee.png]
08-18-2007 06:39 AM
Profile PM Find Quote Report
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
Profile E-Mail PM Find Quote Report
scott2010_h
Full Member
***

Avatar

Posts: 187
Reputation: 10
32 / Male / Flag
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
Profile E-Mail PM Web Find Quote Report
scott2010_h
Full Member
***

Avatar

Posts: 187
Reputation: 10
32 / Male / Flag
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
Profile E-Mail PM Web Find Quote Report
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
Profile E-Mail PM Find Quote Report
scott2010_h
Full Member
***

Avatar

Posts: 187
Reputation: 10
32 / Male / Flag
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
Profile E-Mail PM Web Find Quote Report
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
Profile E-Mail PM Find Quote Report
scott2010_h
Full Member
***

Avatar

Posts: 187
Reputation: 10
32 / Male / Flag
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
Profile E-Mail PM Web Find Quote Report
« 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
Rate This Thread:

Forum Jump:

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