Problema cod javascript in input adaugat cu ajax
Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
-
andras
- Mesaje: 430
Problema cod javascript in input adaugat cu ajax
Salut,
am urmatoarea instructiune in HTML cu JS care functioneaza corect (simplificat):
Cod: Selectaţi tot
<th><input type="checkbox" id="cec'" onchange="if (this.checked) {this.parentNode.style.background="#ef4d35"; } else {this.parentNode.style.background="white";}" /></th>
daca aceeasi instructiune o pun in PHP (simplificat, intr-un fisier apelat cu ajax):
Cod: Selectaţi tot
<?php
$re_html .='<th><input type="checkbox" id="cec" onchange="if (this.checked) {this.parentNode.style.background="#ef4d35"; } else {this.parentNode.style.background="white";}" /></th>';
...........
echo $re_html;
?>
nu mai functioneaza corect (nu se coloreaza checkbox-ul). Am mai intilnit astfel de situatii. Care este cauza? Multumesc.
MarPlo
Mesaje: 4343
Salut
Problema e de la ghilimele imbricate incorect. Incearca asa:
Cod: Selectaţi tot
$re_html .='<th><input type="checkbox" id="cec" onchange="if(this.checked) {this.parentNode.style.background=\'#ef4d35\'; } else {this.parentNode.style.background=\'white\';}" /></th>';
...........
echo $re_html;
Indicat ar fi sa ai codul javascript separat de html, iar in <input>-ul incarcat cu ajax apelezi o functie JS care e deja in pagina. Cam asa:
Cod: Selectaţi tot
$re_html .='<th><input type="checkbox" id="cec" onclick="parentBG(this)" /></th>';
...........
echo $re_html;
Iar in pagina, functia JS apelata (parentBG() ):
Cod: Selectaţi tot
<script>
function parentBG(elm){
elm.parentNode.style.background = (elm.checked) ? '#ef4d35' :'white';
}
</script>
andras
Mesaje: 430
Am adoptat ultima varianta si functioneaza foarte corect. Multumesc!
Subiecte similare
-
Afisare cu animatie continut adaugat cu JavaScript
JavaScript - jQuery - Ajax
Primul mesaj
Ideea pe care vreau sa o fac e că la clic pe un buton, conținutul vechi e înlocuit cu nou conținut HTML adăugat cu javascript.
Vreau ca noul...
Ultimul mesaj
Pentru a declanșa o tranziție CSS, modifica starea CSS după ce ai introdus codul HTML. Poți face asta schimbând o clasă (la container sau la un...
-
Adaugare apostrof la value in input cu JavaScript
JavaScript - jQuery - Ajax
Primul mesaj
Am un cod JavaScript care adaugă un câmp input pentru utilizator:
var user = O'Conner, John ;
b.innerHTML += <input type='hidden' value=' +...
Ultimul mesaj
Poți să înlocuiesti caracterul cu entitatea lui HTML.
Astfel, pentru apostrof (') poate fi ’ sau ‘
var user = O'Conner,...
-
Problemă cu 'this' în function.call() în JavaScript
JavaScript - jQuery - Ajax
Primul mesaj
De ce function.call() se comportă diferit cu ' this ' cand nu e adaugat ca argument, în JavaScript?
Rezultatul cu 'this' în test.call() este același...
Ultimul mesaj
Functia call() necesita primul argument, care e pentru obiectul 'this', daca nu ai nevoie de el, adauga null .
test.call(null, ...args);
In...
-
Resetare input type text dupa submit
JavaScript - jQuery - Ajax
Primul mesaj
Dupa ce dau enter sau click si a trimis mesajul nu mii se reseteaza input textul,imi trmite catre mysql fara reload incarca textul prin div dar nu...
Ultimul mesaj
\Multumesc, codul din raspunsul tau functioneaza
-
Post cu Ajax in modal
JavaScript - jQuery - Ajax
Primul mesaj
Bună ziua,
Vreau să trimit în aceeași pagină dar în modal două id-uri. Prin alert(id) îmi arată conținutul postului trimis dar în modal nu imi...
Ultimul mesaj
Nu prea inteleg mecanismul si ce anume nu functioneaza.
Oricum, daca functioneaza cand pui manual id-ul, poate ca problema e de la php.
Trebuie sa...
-
Ordine de executie cu jQuery-AJAX
JavaScript - jQuery - Ajax
Primul mesaj
Am acest cod (ajax este asincron):
function echoHello(){
return $.ajax({
//this will return hello ;
});
}
function echoWorld(){
return world...
Ultimul mesaj
Ajax face un apel către serverul web și este asincron. Nu știi cât va dura pana la raspuns. Este la fel ca:
setTimeout(_ => {...