• 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
93 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 (457,660 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 (457,660 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 (457,660 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 (457,660 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ź 219 wizyt
0 głosów
0 odpowiedzi 95 wizyt
0 głosów
2 odpowiedzi 76 wizyt
pytanie zadane 26 maja 2017 w JavaScript, jQuery, AJAX przez kami123m Nowicjusz (150 p.)
Porady nie od parady
Wynikowy wygląd pytania, odpowiedzi czy komentarza, różni się od tego zaprezentowanego w edytorze postów. Stosuj więc funkcję Podgląd posta znajdującą się pod edytorem, aby upewnić się, czy na pewno ostateczny rezultat ci odpowiada.Podgląd posta

64,845 zapytań

111,307 odpowiedzi

234,116 komentarzy

46,718 pasjonatów

Przeglądających: 166
Pasjonatów: 6 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.

...