how can I insert Tags HTML with javascript in a precise position

Question

I need to add HTML Tags in a precise position using Javascript

<div id="myId">
   <div id="addAfter"><div>
   <***here I need to add a set off HTML Tags***>
   <div ><div>
   <div><div>
</div>

javascript code

  var ol = '<ol id ="div_blue"><li><img id="blueUp" src="<c:url    value="/resources/style/images/btup.png"/>" alt =""/></li><li>....</li>< /ol>' ;
  $("#myId").InsertInPosition2(ol);

but how to define InsertInPosition2?

thanks

imprim ecran

enter image description here

Arun P Johny · Accepted Answer · 2013-12-06 16:39:17Z

2

Use .after()

$("#addAfter").after(ol);

Demo: Fiddle

If you want to add the element with reference to the parent element then

$("#myId").children().first().after(ol);

Demo: Fiddle

answered Dec 6, 2013 at 16:39

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

Arbia CHARFI Over a year ago

yes it's nice but I have a problem too with the attribute src = ".../btup.png" I noticed that this method create a new img called btup.png but I have already this image and I need just to use it and not to create a new one so I have this error GET localhost:8084/resources/style/images/btup.png 404 (Not Found)

Arun P Johny Over a year ago

@LallouDaddou what is the path to the existing image

Arbia CHARFI Over a year ago

the same path src="/resources/style/images/btup.png"

Arun P Johny Over a year ago

if the path is the same then how are you getting a 404

Arbia CHARFI Over a year ago

because he create a new one I'll add a capture screen

|

Collectives™ on Stack Overflow

how can I insert Tags HTML with javascript in a precise position

1 Answer 1

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related