Repalce Input box by Javascript

[Mark]

Hi - I have a .net app, which uses a component - the component renders a
text box on a particular form.

I don't have the source code, so I can't recompile the dll.

From Javascript, can I place a function in the onload of the body, which
will search for a specific text box html, and replace it with a new
string (which would be a drop list)?

If so, how do I search for a specified string in the html of the page,
and delete it, and replace it with new html, from Javascript?

Thanks for any help,

Mark
*** Sent via Developersdex http://www.developersdex.com ***

[Thomas 'PointedEars' Lahn]

Mark wrote:

From Javascript, can I place a function in the onload of the body, which
will search for a specific text box html, and replace it with a new
string (which would be a drop list)?

If so, how do I search for a specified string in the html of the page,
and delete it, and replace it with new html, from Javascript?

I suggest you use W3C DOM Level 2 methods to retrieve a reference to the
respective DOM element object and to replace it with one that you see fit.

<http://www.w3.org/TR/DOM-Level-2-Core/core.html#i-Document>
<http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-1950641247>

Any hint as to which component you are using and what source code it
generates will be helpful.
PointedEars

[Mark]

Hi - sorry, didn't think it was important - but its the Easy Web editor
- which is just a WYSIWYG editor which I use to allow people to update
their page.

I use ASP.Net with VB - and the component simply renders an HTML box,
which is completely controlled client side by the Javascript it
produces.

I want to extend the image insert function - which currently simply
shows a DIV where you enter a filename (which must be local to the
server) and places it on the WYSIWYG editor window.

I've already written file upload sections for each customer, and I want
to replace the textbox input box which asks for the filename (which is
generated by the component), with a dropdown list which only lists the
image files uploaded by the current customer. I can do this server
side, and send an onload to the body to call a javascript function to
search and replace the textbox with my html for the drop down list - but
I just don't know how to do the search through the DOM and replace it
with the new HTML - I'll check out the links - but if the explanation
helps, I'd appreciate any guidance.

Thanks, Mark

*** Sent via Developersdex http://www.developersdex.com ***

[Thomas 'PointedEars' Lahn]

Mark wrote:

Hi - sorry, didn't think it was important - but its the Easy Web editor
- which is just a WYSIWYG editor which I use to allow people to update
their page.

I use ASP.Net with VB - and the component simply renders an HTML box,
which is completely controlled client side by the Javascript it
produces.
Call me lazy, but why did you not even provide a URI again and have
me googling for that editor myself? <http://easy-web-editor.net/>

And no HTML code to operate on whatsoever. Am I supposed to buy
and setup that editor in order to help you? You bet I am not.
I just don't know how to do the search through the DOM and replace it
with the new HTML - I'll check out the links - but if the explanation
helps, I'd appreciate any guidance.

Provide the exact piece of HTML code you want to replace (View Source;
in Firefox you can even try View Selection Source) and the HTML code
you want to use instead and I'll see what I can do.
PointedEars

[Mark]

Hi PointedEars - thank you very much.

The original code is:

%lt;input type='text' id='emListFull_imgsrc'/&gt;

The code I want to replace with is:

&lt;select id="emListFull_imgsrc"&gt;
&lt;option value="cus94_1.png"&gt;Image 1&lt;/option&gt;
&lt;option value="cus94_2.png"&gt;Image 2&lt;/option&gt;
&lt;option value="cus94_3.png"&gt;Image 3&lt;/option&gt;
&lt;/select&gt;

I'm not a jsvascript programmer at all - so thank you for any help,

Mark

*** Sent via Developersdex http://www.developersdex.com ***

[Thomas 'PointedEars' Lahn]

Mark wrote:

The original code is:

%lt;input type='text' id='emListFull_imgsrc'/&gt;

The code I want to replace with is:

&lt;select id="emListFull_imgsrc"&gt;
&lt;option value="cus94_1.png"&gt;Image 1&lt;/option&gt;
&lt;option value="cus94_2.png"&gt;Image 2&lt;/option&gt;
&lt;option value="cus94_3.png"&gt;Image 3&lt;/option&gt;
&lt;/select&gt;

I'm not a jsvascript programmer at all so thank you for any help,

That is not a good base to build on, is it? You should
definitely get yourself informed: <http://jibbering.com/faq/>

However, I take it that Developersdex's NNTP interface (AspNNTP 1.50)
which is known to be extremely buggy has escaped your valid markup
delimiters, therefore you probably want to replace

<input type='text' id='emListFull_imgsrc'/>

with

<select id="emListFull_imgsrc">
<option value="cus94_1.png">Image 1</option>
<option value="cus94_2.png">Image 2</option>
<option value="cus94_3.png">Image 3</option>
</select>

That would imply retrieving the reference to the `input' element with

var oInput = getElementById('emListFull_imgsrc');

or, if you knew the `form' element it is a descendant of:

var oInput = document.forms[...].elements['emListFull_imgsrc'];

Then build the `select' element:

var oSelect = document.createElement('select');
if (oSelect && oSelect.options)
{
oSelect.id = 'emListFull_imgsrc';
for (var i = 1; i < 4; i++)
{
oSelect.options[oSelect.options.length] =
new Option('cus94_' + i, 'Image ' + i);
}
}

and replace the `input' element with the `select' element:

oInput.parentNode.replaceChild(oSelect, oInput);

Be sure to do proper feature tests on run time before you use any feature
described here. <http://www.pointedears.de/scripts/test/whatami>, § 2.
HTH

PointedEars

[Thomas 'PointedEars' Lahn]

Thomas 'PointedEars' Lahn wrote:

var oInput = getElementById('emListFull_imgsrc');

var oInput = document.getElementById('emListFull_imgsrc');

of course. (It's late, you know :))
PointedEars