Pagina 1 din 1

Inlocuire coduri HTML prin JavaScript/jQuery

Scris: Dum Noi 20, 2011
de Bizzar
Salut MarPlo. :P

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..... :lol:

Inlocuire coduri HTML prin JavaScript/jQuery

Scris: Dum Noi 20, 2011
de MarPlo
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>

Inlocuire coduri HTML prin JavaScript/jQuery

Scris: Dum Noi 20, 2011
de Bizzar
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. :D