• 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

0 głosów
90 wizyt
pytanie zadane 12 października 2018 w JavaScript, jQuery, AJAX przez Haksiu Nowicjusz (120 p.)
edycja 12 października 2018 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 2018 przez Comandeer Mentor (452,460 p.)
Na przyszłość proszę wstawiać kod w poprawny sposób.

1 odpowiedź

0 głosów
odpowiedź 12 października 2018 przez Comandeer Mentor (452,460 p.)
komentarz 12 października 2018 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 2018 przez Comandeer Mentor (452,460 p.)
Jaka przeglądarka? W Chrome działa.
komentarz 12 października 2018 przez Haksiu Nowicjusz (120 p.)
Microsoft Edge
komentarz 12 października 2018 przez Comandeer Mentor (452,460 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ź 207 wizyt
0 głosów
0 odpowiedzi 87 wizyt
0 głosów
2 odpowiedzi 75 wizyt
pytanie zadane 26 maja 2017 w JavaScript, jQuery, AJAX przez kami123m Nowicjusz (150 p.)
Porady nie od parady
Odznacz odpowiedź zieloną fajką, jeśli uważasz, że jest ona najlepsza ze wszystkich i umożliwiła ci rozwiązanie problemu.Najlepsza odpowiedź

62,327 zapytań

108,464 odpowiedzi

226,431 komentarzy

35,178 pasjonatów

Przeglądających: 144
Pasjonatów: 6 Gości: 138

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.

...