Inlocuire coduri HTML prin JavaScript/jQuery

[Bizzar]

Salut MarPlo.

Poti sa ma ajuti cu o mica problema? Deci, am un cod HTML:

Cod: Selectaţi tot

<bla bla="bla">Bla bla bla</bla>

si sa se stearga acest cod iar in locul lui sa se adauge altul:

Cod: Selectaţi tot

<embed src="http://img819.imageshack.us/slideshow/smilplayer.swf" width="426" height="320" name="smilplayer" id="smilplayer" bgcolor="FFFF00" menu="false" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=img819/7835/1321802301o6x.smil"/>
<br/><a href="http://imageshack.us/slideshow/index.php">Go to ImageShack® to Create your own Slideshow</a>

Fara innerHTML, ca nu merge pe hostul pe care il folosesc, e gratuit si poate are ceva care impiedica innerhtml.....

Salut
innerHTML nu are treaba cu hostul, se executa in browser, pe partea de client.
Daca vrei sa inlocuiesti cu JavaScript continutul din tag-ul:

Cod: Selectaţi tot

<tag id="idtag">... continut..</tag>

Se face asa:

Cod: Selectaţi tot

<tag id="idtag">... continut..</tag>
<script type="text/javascript"><!--
document.getElementById('idtag').innerHTML = 'alt continut';
--></script>

Dar daca vrei sa inlocuiesti tot elementul "<tag>", cel mai usor e sa-l incluzi intr-un <tag_parinte> , ar veni asa:

Cod: Selectaţi tot

<tag_parinte id="idtag_parinte">
 <tag id="idtag">... continut..</tag>
</tag_parinte>
<script type="text/javascript"><!--
document.getElementById('idtag_parinte').innerHTML = 'alt continut';
--></script>

Hah, Mersi, dar am mi-am adus aminte de o functie pe jQuery si am cautat pe google sa vad mai exact si totusi, pentru cei ce au aceeasi problema, rezolvarea e simpla:
Exemplu cod HTML:

Cod: Selectaţi tot

<div class="container">
  <div class="inner first">Hello</div>
  <div class="inner second">And</div>
  <div class="inner third">Goodbye</div>
</div>

jQuery:

Cod: Selectaţi tot

$('div.second').replaceWith('<h2>New heading</h2>');

Si totusi in final vom obtine:

Cod: Selectaţi tot

<div class="container">
  <div class="inner first">Hello</div>
  <h2>New heading</h2>
  <div class="inner third">Goodbye</div>
</div>

Mersi oricum.