Thread View: pl.comp.lang.javascript
3 messages
3 total messages
Started by cysioland
Mon, 29 Jun 2009 09:46
innerHTML nie wyświetla tagów html
Author: cysioland
Date: Mon, 29 Jun 2009 09:46
Date: Mon, 29 Jun 2009 09:46
67 lines
2829 bytes
2829 bytes
Mam problem. Otóż innerHTML wyświetla tekst,ale nie wynik działania
tagów html ex. buttony,p style="align" itd. Robię małe okienko
wyświetlające buttona.
Oto kod:
index.xhtml:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl">
<head>
<meta http-equiv="content-type"
content="text/html; charset=UTF-8" />
<style type="text/css">
body{background-color: #620000;height: 100%}
h1{margin-bottom: 5px;}
#header{background-image: url(drewno.png);margin-bottom: 5px;text-align:
center}
#left{background-image: url(drewno.png);margin-top: 0;margin-right:
5px;width: 200px;float: left;margin-bottom: 5px}
#center{background-image: url(drewno.png);margin-top: 0;margin-right:
5px;width: 590px;float: left;margin-bottom: 5px}
#right{background-image: url(drewno.png);margin-top: 0;margin-right:
0;width: 200px;float: right;margin-bottom: 5px}
#ads{background-image: url(drewno.png);margin-top: 5px;clear: both}
#footer{background-image: url(drewno.png);margin-top: 5px}
#hidden{visiblity: hidden}
</style>
<script language="javascript" type="text/javascript">
function zmiana2(){
document.getElementById('worldlist').innerHTML = '<button
onclick="zmiana()">Loguj</button>';
}
function zmiana()
{
document.getElementById('worldlist').innerHTML = 'test<input
type="button" value="x" onclick="zmiana2()" />';
}
</script>
<title>Osadnicy</title>
</head>
<body>
<div id="header">
<h1>Osadnicy - Załóż miasto i
rozbudowuj je</h1>
</div>
<div id="wrapper">
<div id="left">Statystyki,ile online,kto online,kto
najnowszy
</div>
<div id="center">
Ogłoszenia,zachęta do rejestracji itp.
</div>
<div id="right">Wejście do gry,logowanie<br />
<div id="hidden">
<div id="worldlist"><button type="button"
onclick="zmiana()">Loguj</button></div>
</div>
</div>
<div id="ads">Jakaś reklama</div>
<div id="footer">© <a href="http://cysioland.cba.pl">Cysioland</a>
2009</div>
</div>
</body>
</html>
Proszę o pomoc,
Cysioland
Re: innerHTML nie wyświetla tagów html
Author: wilq
Date: Wed, 01 Jul 2009 09:05
Date: Wed, 01 Jul 2009 09:05
74 lines
3913 bytes
3913 bytes
On 29 Cze, 11:46, cysioland <cysiol...@o2.pl> wrote:
> Mam problem. Otóż innerHTML wyświetla tekst,ale nie wynik działania
> tagów html ex. buttony,p style="align" itd. Robię małe okienko
> wyświetlające buttona.
> Oto kod:
>
> index.xhtml:
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml" lang="pl">
> <head>
> <meta http-equiv="content-type"
> content="text/html; charset=UTF-8" />
> <style type="text/css">
> body{background-color: #620000;height: 100%}
> h1{margin-bottom: 5px;}
> #header{background-image: url(drewno.png);margin-bottom: 5px;text-align:
> center}
> #left{background-image: url(drewno.png);margin-top: 0;margin-right:
> 5px;width: 200px;float: left;margin-bottom: 5px}
> #center{background-image: url(drewno.png);margin-top: 0;margin-right:
> 5px;width: 590px;float: left;margin-bottom: 5px}
> #right{background-image: url(drewno.png);margin-top: 0;margin-right:
> 0;width: 200px;float: right;margin-bottom: 5px}
> #ads{background-image: url(drewno.png);margin-top: 5px;clear: both}
> #footer{background-image: url(drewno.png);margin-top: 5px}
> #hidden{visiblity: hidden}
> </style>
> <script language="javascript" type="text/javascript">
> function zmiana2(){
> document.getElementById('worldlist').innerHTML = '<button
> onclick="zmiana()">Loguj</button>';}
>
> function zmiana()
> {
> document.getElementById('worldlist').innerHTML = 'test<input
> type="button" value="x" onclick="zmiana2()" />';}
>
> </script>
> <title>Osadnicy</title>
> </head>
> <body>
> <div id="header">
> <h1>Osadnicy - Załóż miasto i
> rozbudowuj je</h1>
> </div>
> <div id="wrapper">
> <div id="left">Statystyki,ile online,kto online,kto
> najnowszy
> </div>
> <div id="center">
> Ogłoszenia,zachęta do rejestracji itp.
> </div>
> <div id="right">Wejście do gry,logowanie<br />
> <div id="hidden">
> <div id="worldlist"><button type="button"
> onclick="zmiana()">Loguj</button></div>
> </div>
> </div>
> <div id="ads">Jakaś reklama</div>
> <div id="footer">(c) <a href="http://cysioland.cba.pl">Cysioland</a>
> 2009</div>
> </div>
> </body>
> </html>
>
> Proszę o pomoc,
> Cysioland
Zanim zaczniesz robic cos duzego w JS, polecalbym jakies podstawy JS i
developowania w tym. Sciagnij sobie firebug-a oraz firefoxa - znacznie
ulatwia prace. Dodatkowo okreslaj na jakiej przegladarce nie dziala.
Mi np ten kod dziala pod firefoxem wiec ciezko stwierdzic co nie
dziala :P
Re: innerHTML nie wyświetla tagów html
Author: zpk
Date: Wed, 01 Jul 2009 20:22
Date: Wed, 01 Jul 2009 20:22
12 lines
1500 bytes
1500 bytes
> Mi np ten kod dziala pod firefoxem wiec ciezko stwierdzic co nie > dziala :P U mnie IE komunikuje: Wiersz: 24 Znak: 58 Bład: Brak zakończenia stałej znakowej. Szukanie miejsca wystąpienia błędu pozostawiam pytaczowi :) Pozdrawiam- Paweł Krzyżanowski
Thread Navigation
This is a paginated view of messages in the thread with full content displayed inline.
Messages are displayed in chronological order, with the original post highlighted in green.
Use pagination controls to navigate through all messages in large threads.
Back to All Threads