creating image link

[indu yeturu]

Hi,

Am trying to get this image link eachtime when dynamic row is created .

<td><input type="text" name="dte" id="dte">
		<a  id="datepick" rel="nofollow"><img    border="1" ></a>
		
    

how to create this image link element in javascript ?

thanks

[Bear Bibeault]

You forgot to post your code.

[Eric Pascarello]

createElement and appendChild seems like the way to go.

Eric

[Gregg Bolinger]

Eric Pascarello wrote:createElement and appendChild seems like the way to go.

Eric

Unless he's using a library. That's why we need the code. To know exactly how to guide him.

[indu yeturu]

In html, the code is

<td><input type="text" name="dte" id="dte">
		<a  id="datepick" rel="nofollow"><img    border="1" ></a>
	</td>       

when I click the ADD button, the textbox along with image link should be appended to the new row, to take new input..
javascript function is..

 
      var datecell = row.insertCell(0);
      var dateItem = document.createElement('input');
      datecell.appendChild(dateItem);
      var a = document.getElementById('datepick');
      datecell.appendChild(a);

With this code, the imagelink is appending to eachrow - but, refreshes the value of the textbox ,(the rows are adding,but it assigns the value for first row textbox only, thus refreshes)
Can I try something like this ?

      var dateanch = document.createElement('a');
      var dateimg = document.createElement('img');
      dateimg.setAttribute("src","cal.gif");
      dateimg.setAttribute("height","16");
      dateimg.setAttribute("width","16");
      dateimg.setAttribute("border","1");
      dateanch.appendChild(dateimg);
      datecell.appendChild(dateanch);	    

[Eric Pascarello]

Why are you asking if you can try something like this? Did you try it? What happened?

Eric

[indu yeturu]

I tried , with this code am creating only image with out the link.(anchor is not adding to the image)
Can you please tell me how to create an active image and make a call to the function with the newly entered values ....

[Eric Pascarello]

well you are not adding the href to the link, without the href, a link does not render as a link in most browsers.

Eric

[indu yeturu]

thanks, ... when I code like this,

 
      var datecell = row.insertCell(0);
      var dateItem = document.createElement('input');
      datecell.appendChild(dateItem);
      var dateanch = document.createElement('a');
      dateanch.setAttribute("href","javascript:NewCal('dte','ddmmmyyyy')");
      var dateimg = document.createElement('img');
      dateimg.setAttribute("src","cal.gif");
      dateimg.setAttribute("height","16");
      dateimg.setAttribute("width","16");
      dateimg.setAttribute("border","1");
      dateanch.appendChild(dateimg);
      datecell.appendChild(dateanch);	
         

the rows are adding, but the date field is refreshing always. Only the first row date field is affecting.The rest datefields are empty.
Which parameter has to send to the javascript function ::: NewCal('dte','ddmmmyyyy')" here ?

In html , the function is

[indu yeturu]

sorry I forgot to write the function in HTML :::

NewCal('dte','ddmmmyyyy')