ansaurus

Question

Prepend/Append don't Work (Opera, Safari, Chrome)

Answer 1

+1 A:

These will never be null. They will always contain a jQuery object (even if it is empty of elements).

if ((objComp != null) && (objDest != null))

You should test using the length property.

if ((!objComp.length) && (!objDest.length))

Also, as far as I can tell, you are creating a new element that has the same ID as the existing strDestino element.

objDest.append('<img id="' + strDestino + '" src="' + objComp.val() + '"');

You can't have 2 elements with the same ID.

patrick dw 2010-06-21 18:49:17

@Patrick realized some changes in the ID's but does not work! Yet.

Ph.E 2010-06-21 19:02:19

Answer 2

+2 A:

Well one thing that looks odd to me is that you're adding <img> tags with "id" values that exactly duplicate other "id" values in other tags. Maybe WebKit doesn't like that; it's definitely a bad thing to do.

Try a change like this:

objDest.append('<img id="' + strDestino + '_img" src="' + objComp.val() + '"');

Also it looks to me as if you're forgetting the ">" at the end of your elements! Should look like this:

objDest.append('<img id="' + strDestino + '_img" src="' + objComp.val() + '">');

(If your DOCTYPE is XHTML you should use "/>" of course, but yours is "html".)

Pointy 2010-06-21 18:50:39

Friend, still not working. Even in opera he plays the commands, but they appear as a string (script command) and does not run. Please, see de modified code (original question)

Ph.E 2010-06-21 19:01:23

Ah!! I think I see it now; I'll update my answer.

Pointy 2010-06-21 19:15:29

Pointy - Good catch. +1

patrick dw 2010-06-21 19:25:27

@Pointy I completely forgot the ">".Thanks Friend +1

Ph.E 2010-06-21 19:52:41

despite the modifications, the source was not working in all browsers. I posted the answer.

Ph.E 2010-06-21 19:53:13

Answer 3

A:

Source Working in: Opera, Safari, Chrome, IE, Mozilla.

selEstrutura = function(strComponent, strDestino)
{
$('#' + strDestino + ' img').remove();
$('#' + strDestino).append('<img id="' + strDestino + '_img" src="' + $('#' + strComponent).val() + '">');
if ((strDestino == 'eixoTracionado1') || (strDestino == 'eixoTracionado2'))
{
    $('#eixoEstruturaPt1 img').remove();
    $('#eixoEstruturaPt1').append('<img src="estrutura_semrodas.gif" alt=""/>');

    $('#eixoEstruturaPt2 img').remove();
    $('#eixoEstruturaPt2').append('<img src="estrutura_semrodas.gif" alt=""/>');
}
}

I made the changes suggested by friends, but in some browsers was not working. After some testing, I discovered that the method ". Trim ()" was not working properly.

Thanks for the help of all.

Ph.E 2010-06-21 19:55:50

I didn't even notice you had `trim()`. It is not supported in all browsers. jQuery has its own trim method you can use. `$.trim(strDestino)`

patrick dw 2010-06-21 20:02:49

"$.trim()" It is a new command to me! Thanks Camarade. Sucess

Ph.E 2010-06-21 20:10:48

ansaurus

tags:

views:

answers:

Prepend/Append don't Work (Opera, Safari, Chrome)

related questions