Temat: HTML samopiszący się tekst
Jakiego polecenia użyć aby wstawić samopiszący się tekst na stronie internetowej ?
Nie jesteś zalogowany. Proszę się zalogować lub zarejestrować.
FujiNET firmware v1.3.0 Nowa wersja oprogramowania do interfejsu sieciowego FujiNET. Tym razem z obsługą TCP!
hatari 2.5.0 Od dwóch dni dostępna jest najnowsza (2.5.0) wersja Hatari.
Grawitacja 2024 Czas na kolejną edycję 8 bitowego GameJamu.
Tenebra na Atari ST/STE Wersja gry na duże atari.
Wyniki FujiCup 2023 Wyniki konkursu FujiCup na najlepszą grę dla 8-bit Atari w 2023 roku zostały ogłoszone!
Strony 1
Zaloguj się lub zarejestruj by napisać odpowiedź
Jakiego polecenia użyć aby wstawić samopiszący się tekst na stronie internetowej ?
1. Zdefiniuj "samopiszący"
2. W HTML 4.01 wątpię żeby było to o co ci chodzi.
Chodzi mi o to że mam już zdefiniowany tekst (załóżmy : Witaj na stronie") i on sam ma się pisać literka po literce, załóżmy w tempie 4 znaków/s
Ostatnio edytowany przez BTC (2007-04-17 21:25:14)
1. Java Script
2. Java
3. PHP
W samym HTML-u o ile mi wiadomo się nie da. Można też napisać aplet w innym języku i wykorzystać przeglądarkę.
Ostatnio edytowany przez Sikor (2007-04-17 21:38:36)
Sikor: od kiedy PHP jest jezykiem wykonywanym po stronie klienta? Chyba, ze chcesz pisac se na serwerze literka po literce w tempie 4 znakow/s, a nie w przegladarce osoby wizytujacej strone...
xxl: ja tez nie wierze.
A ja wierzę. Humanoidalny warzywniak sprzedaje po kosztach.
jest mozliwe zastosowanie kodu php w jezyku html via applet java
Szukaj inspiracji tutaj: http://www.web_4_all.republika.pl/
Wuahahaha. Od razu chętniej się idzie do pracy.
bajka, poprostu bajka... kumpela jak zobaczyla posty #1-#4 niemal sie nie przewrocila ze smiechu... btw. jeszcze we fleszu to sie da zrobic, albo prosciej - animowanym gifem ;) - albo moze .mpg wstawic jako obiekt na stronie? :D
BTC: cos takiego na stronie podoba sie zazwyczaj tylko jej autorowi (odwiedzajacych denerwujac), ale jak juz tak bardzo chcesz to poczytaj jak w javascript przy pomocy timerow wywolywac procke, ktora operujac na DOM aktualizuje np. zawartosc jakiegos diva ;)
Masz, pisałem w trakcie obiadu więc nie ręczę za działanie.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Samopiszący się tekst!</title>
<script type="text/javascript">
var counter = 0;
var text = "atari.area rzondzi i pszoduje!";
function a() {
document.getElementById('skrol').innerHTML = text.substring(0,counter);
counter += 1;
var time = setTimeout("a()",250);
}
</script>
</head>
<body onload="a()">
<p id="skrol"></p>
</body>
</html>
Coś się ten XHTML nie waliduje i kodowania nie ma i javascript źle zaembedowany i jakiś counter co liczy do nieskończoności i kiedyś się wywali...
Moja wersja jest lepszejsza:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Samopiszący się tekst!</title>
<script type= "text/javascript">/*<![CDATA[*/
var text = "atari.area rzondzi i pszoduje!";
function a() {
var e = document.getElementById('skrol');
e.innerHTML = text.substring(0, e.innerHTML.length+1);
}
/*]]>*/</script>
</head>
<body onload="window.setInterval(a, 250)">
<p id="skrol"></p>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Strict" height="31" width="88" />
</a>
</p>
</body>
</html>
;)
Ostatnio edytowany przez laoo/ng (2007-04-18 17:40:04)
:d
Bit dyz (wersja z equalizerami):
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Samopiszący się tekst!</title>
<script type= "text/javascript">/*<![CDATA[*/
var text = "atari.area rzondzi i pszoduje!";
function a() {
var e = document.getElementById('skrol');
var divz = document.getElementsByTagName('div');
for (var i=0; i<divz.length; i++) {
var h = Math.floor(Math.random()*40);
divz[i].style.height = h + 'px';
divz[i].style.marginTop = 50 - h + 'px';
}
e.innerHTML = text.substring(0, e.innerHTML.length+1);
}
/*]]>*/
</script>
<style type="text/css">
DIV { width: 10px; height: 50px; border: 1px solid #f00;
background-color: #00f; float: left; margin: 10px 2px; }
P#cl { clear: both; }
</style>
</head>
<body onload="window.setInterval(a, 250)">
<p id="skrol"></p>
<div></div><div></div><div></div>
<p id="cl">
<a href="http://jigsaw.w3.org/css-validator/"><img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" /></a>
<a href="http://validator.w3.org/"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" /></a>
</p>
</body>
</html>
btw. jeszcze we fleszu to sie da zrobic
pewnie że tak ,ale pod tekstem będzie jeszcze elementy tła które muszą być widoczne w całości, zatem odpada
, albo prosciej - animowanym gifem
nie zrozumiałeś. Jesli by tak przyjąć, to tekst 40-literowy wymagałby 40 klatek, co odrzucam ze względu na czas ładowania (rozmiar) takiego gif-a
- albo moze .mpg wstawic jako obiekt na stronie?
to samo
Dely, Laoo - mialo byc w htmlu :P
Z innej beczki, chcialem sie dowiedziec jak w basicu obsluzyc przerwanie Display Listy. Asm w DATA/w zmiennej/inne odpada.
btc: sprawdzales jaka wielkosc bedzie mial taki gif? przeginasz...
generalnie powinienes zrobic to w js
dely: uzywasz innerHTML? powinni tego zabronic...
dely: uzywasz innerHTML? powinni tego zabronic...
Coś mi się wydaje jell, że powtarzasz slogany z kilku stron i fanatyków ultra-fakin-clean-kode, podaj mi sensowny argument przeciw innerHTML poza tym, że nie jest zgodny z DOM.
w xhtml "roznie z nim bywa" - sparzylem sie okolo roku temu, generujac z .js tabelki z danymi przeliczanymi w locie. bardzo mi brakowalo czegos takiego jak innerHTML i mialem wybor: babrac sie z DOMem, albo pojsc na latwizne i "robic" w htmlu - oczywiscie wybralem bramke nr 2 ;)
ale widze ze teraz znacznie lepiej to dziala (bo w ogole juz dziala) przynajmniej pod gecko...
ps. nie powtarzam za nikim - bo nie laze po "specjalistycznych" w tym temacie stronach...
Ostatnio edytowany przez jellonek (2007-04-19 12:44:13)
Otóź paradoksalnie innerHTML jest lepiej wspierane przez przeglądarki niż metody zgodne z DOM :) Poza tym jest szybsze i łatwiejsze w użyciu niż Add*.
A to dziwne, bo powinno być wolniejsze, bo wymaga przeparsowania tego co wrzuciliśmy do środka, a wszelkie Add* dodają tylko określone elementy. A w ogóle IE, skąd on pochodzi, ma jeszcze outerHTML ale jest zbyt hardkorowy i się nie przyjął ;)
Ostatnio edytowany przez laoo/ng (2007-04-19 13:19:04)
No, gdzieś czytałem, że jacyś nerdzi zmierzyli czasy w milisekundach dla najpopularniejszych przeglądarek i wyszło im, że innerHTML jest sporo szybsze.
Wygody raczej nie trzeba argumentować ;)
co do wygody - bezsprzecznie
co do predkosci - poprostu ciezko uwierzyc, chyba ze o IE chozi - tam wszystko jest na opak, albo o opere, w ktorej .js sie poprostu czolga (mi w czystym htmlu innerHTML pod IE duuuzo szybciej chodzil niz w operze - a pod gecko jeszcze szybciej...) chyba ze od 8.60 akurat to bardzo mocno poprawili...
Strony 1
Zaloguj się lub zarejestruj by napisać odpowiedź
[ Wygenerowano w 0.092 sekund, wykonano 14 zapytań ]