• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Dlaczego nie wykonuje mi się javascript w kodzie html

Konferencja JOIN! 2018
0 głosów
75 wizyt
pytanie zadane 12 października w JavaScript, jQuery, AJAX przez Haksiu Nowicjusz (120 p.)
edycja 12 października przez Comandeer

Ma ktoś pomysł dlaczego poniższy kod może nie działać?
 

<DOCTYPE html>
<html>
<head>
<title>Real Time Editor</title>
<script type="text/javascript">
   function ref(){
var tc = document.getElementById('editor-textarea').value; // <---- To nie działa
 document.getElementById('viewer').srcdoc = tc;// <---- To też nie działa
}
</script>

<style>
*{
padding: 0;
margin: 0;

}
.main{
background: #ecf0f1;
width:100%;
height:100%;
display: inline-flex;
}
#editor-textarea{
width:100%;
height:95%;
margin: 10px;
padding: 5px;

}
#viewer{
background: white;
border:none;
width:100%;
height:95%;
margin:10px;
border: 1px solid #3498db
}

</style>
</head>
<body>
<div class="main">
<textarea id="editor-textarea" onkeyup ="ref()" placeholder="Code Here..."></textarea>
<iframe id="viewer"></iframe>
</div>

</body>
</html>

 

komentarz 12 października przez Comandeer Mentor (432,330 p.)
Na przyszłość proszę wstawiać kod w poprawny sposób.

1 odpowiedź

0 głosów
odpowiedź 12 października przez Comandeer Mentor (432,330 p.)
komentarz 12 października przez Haksiu Nowicjusz (120 p.)
Nie działa, bo w divie o id viewer powinno się pojawiać to co w divie editor-textarea. To jest Real Time Code Editor
komentarz 12 października przez Comandeer Mentor (432,330 p.)
Jaka przeglądarka? W Chrome działa.
komentarz 12 października przez Haksiu Nowicjusz (120 p.)
Microsoft Edge
komentarz 12 października przez Comandeer Mentor (432,330 p.)

Microsoft Edge nie wspiera atrybutu [srcdoc]. Musiałbyś zamiast tego stosować atrybut [src] i wstawiać kod jako Data URI czyli data:text/html,<zawartość pola przepuszczona przez encodeURI>

Podobne pytania

0 głosów
1 odpowiedź 156 wizyt
0 głosów
0 odpowiedzi 59 wizyt
0 głosów
2 odpowiedzi 70 wizyt
pytanie zadane 26 maja 2017 w JavaScript, jQuery, AJAX przez kami123m Nowicjusz (150 p.)
Porady nie od parady
Pytania na temat serwisu SPOJ należy zadawać z odpowiednią kategorią dotyczącą tej strony.SPOJ

55,269 zapytań

99,579 odpowiedzi

204,900 komentarzy

27,239 pasjonatów

Przeglądających: 161
Pasjonatów: 2 Gości: 159

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...