• 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
92 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 (455,080 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 (455,080 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 (455,080 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 (455,080 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ź 216 wizyt
0 głosów
0 odpowiedzi 91 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
Komentarze do pytań nie służą do odpowiadania, od tego jest wydzielona sekcja odpowiedzi. Funkcją komentarzy jest natomiast możliwość uzyskania dodatkowych informacji na temat samego posta.Komentarze

64,021 zapytań

110,396 odpowiedzi

231,162 komentarzy

47,800 pasjonatów

Przeglądających: 164
Pasjonatów: 4 Gości: 160

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.

...