www.webdeveloper.com
Results 1 to 5 of 5

Thread: [RESOLVED] assign id

  1. #1
    Join Date
    Jan 2010
    Posts
    3

    resolved [RESOLVED] assign id

    Can someone help me with this script;
    Code:
    <script type="text/javascript">
    <!--
    var myArray = new Array();
    
    myArray[0] = "Football";
    myArray[1] = "Baseball";
    myArray[2] = "Cricket";
    
    var bb = '<script type="text/javascript">function changeText2(){var userInput = document.getElementById("userInput").value;document.getElementById("boldStuff2").innerHTML = userInput;}</script><p>Welcome to the site <b id="boldStuff2">dude</b> </p> <input type="text" id="userInput" value="Enter Text Here" /><input type="button" onclick="changeText2()" value="Change Text"/>'
    var linebreak = "<br />";
    document.write("For loop code is beginning");
    document.write(linebreak);
    
    for(i = 0; i < 3; i++){
    	document.write(myArray[i] + bb);
    	document.write(linebreak);
    }
    //-->
    </script>

    the proroblem is: How can I assign different ID with a for loop cycle?

  2. #2
    Join Date
    Dec 2003
    Location
    Bucharest, ROMANIA
    Posts
    15,428
    document.write() is not a dynamic method. What you want to do, after all?

  3. #3
    Join Date
    Jan 2010
    Posts
    3
    please execute the script and you will see the result

    You will see a text and a little form that is used to change the text

    i wann write mor than one of this txt/form/butt with a For loop

    butt only the first is working(the text is changin)
    theothers doesent work

    can you help me

    The main idea is:
    In Array i have some names of a different products

    i want to write this names and after every name should have a[form] and a [button]


    exaple:

    Football [form] [button]
    Baseball [form] [button]
    Cricket [form] [button]



    if you write something in to the [form] and click the [button] the text bellow the button change with this one written in to the form.

  4. #4
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    An id and function must be unique to the document.
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    
    
    <style type="text/css">
    * {margin:0;padding:0;}
    </style>
    
    </head>
    <body>
    
    <script type="text/javascript">
    var myArray = new Array();
    
    myArray[0] = "Football";
    myArray[1] = "Baseball";
    myArray[2] = "Cricket";
    
    var linebreak = "<br>";
    document.write("For loop code is beginning");
    document.write(linebreak);
    
    for(var i = 0; i < 3; i++){
    var bb = '<p>Welcome to the site <strong id="boldStuff'+i+'">dude<\/strong> <\/p> <input id="userInput'+i+'" value="Enter Text Here" type="text"><input onclick="document.getElementById(\'boldStuff'+i+'\').innerHTML=document.getElementById(\'userInput'+i+'\').value;" value="Change Text" type="button">';
    	document.write(myArray[i] + bb);
    	document.write(linebreak);
    }
    </script>
    
    </body>
    </html>
    At least 98% of internet users' DNA is identical to that of chimpanzees

  5. #5
    Join Date
    Jan 2010
    Posts
    3

    Thumbs up

    10x X 100

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles