Inlocuire coduri HTML prin JavaScript/jQuery

Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.

Inlocuire coduri HTML prin JavaScript/jQuery

» 20 Noi, 2011

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:
Bizzar
 
Mesaje: 40
Membru din: 22 Aug, 2011


Inlocuire coduri HTML prin JavaScript/jQuery   » 20 Noi, 2011

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>
MarPlo
Administratorul site-ului
 
Mesaje: 1583
Membru din: 13 Mai, 2008


Inlocuire coduri HTML prin JavaScript/jQuery   » 20 Noi, 2011

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
Bizzar
 
Mesaje: 40
Membru din: 22 Aug, 2011


  •  
Daca nu ati gasit raspunsul aici, cautati si pe net:   Inlocuire coduri HTML prin JavaScript/jQuery .
Pub
 
Mesaje: 1
Membru din: 21 Dec, 2010



Cine este conectat

Utilizatorii ce navighează pe acest forum: steell şi 1 vizitator

Cursuri / Tutoriale