SELFPHP: Version 5.8.2 Befehlsreferenz - Tutorial – Kochbuch – Forum für PHP Einsteiger und professionelle Entwickler

SELFPHP


Professional CronJob-Service

Suche



CronJob-Service    
bei SELFPHP mit ...



 + minütlichen Aufrufen
 + eigenem Crontab Eintrag
 + unbegrenzten CronJobs
 + Statistiken
 + Beispielaufrufen
 + Control-Bereich

Führen Sie mit den CronJobs von SELFPHP zeitgesteuert Programme auf Ihrem Server aus. Weitere Infos



:: Buchempfehlung ::

Der CSS-Problemlöser

Der CSS-Problemlöser zur Buchempfehlung
 

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP  

 

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!

Vorname: 
Name:
E-Mail:
 
 

Zurück   PHP Forum > SELFPHP > HTML, CSS und JavaScript Help!

HTML, CSS und JavaScript Help! Hier gibt es Hilfe zu HTML, CSS und JavaScript Problemen

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 19.09.2003, 23:42:48
RedPartisan RedPartisan ist offline
Anfänger
 
Registriert seit: May 2002
Alter: 38
Beiträge: 125
td-länge langsam vergrößern!

Hallo @ll!

ich bräuchte da ein javascript, welches jede sekunde 5%-10% der endgültigen länge einer tabellen-zelle dazugibt bis die zelle eben diese finale länge erreicht.

sprich: ein effekt wie bei den wahlergebnissen, nur nicht von unten nach oben, sondern von rechts nach links.

herzlichen dank.
Mit Zitat antworten
  #2  
Alt 20.09.2003, 01:44:41
sourcecode sourcecode ist offline
Junior Member
 
Registriert seit: May 2003
Beiträge: 287
Dazu brauchst du DHTML. Du kannst tags z.B. so ansprechen:
Code:
document.getElementsByTagName("td")´
Da würdest du ein Array aller Zellen im Dokument zurückgeliefert bekommen. Indexiere einfach die gewünschte Zelle und weise dem Attribut "width" einen neuen Wert zu oder erhöhe ihn. Beachte dabei, dass Javascript gerne alles als Strings interpretiert, und schreibe eine Erhöhung besser als Abziehen eines negativen Wertes (denn - ist eindeutig zur Berechnung und nicht zur Stringverknüpfung), z.B.:
Code:
document.getElementsByTagName("td")[0].width -= -4;
Das ganze dann noch in eine Funktion:
Code:
function movetable() {
document.getElementsByTagName("td")[0].width -= -4;
}
Weil diese Funktion Seitenelemente anspricht, kann sie erst nach Laden der seite starten, außerdem wird sie im Interval ausgeführt:
Code:
<body onLoad="Timer = window.setInterval('movetable();',100);">
Und nun kannst du es nach deinen Bedürfnissen anpassen. Und vielleicht solltest du noch mit einbauen, dass das Interval irgendwann wieder gestoppt wird:
Code:
window.clearInterval(Timer);
Mit Zitat antworten
  #3  
Alt 20.09.2003, 07:52:02
RedPartisan RedPartisan ist offline
Anfänger
 
Registriert seit: May 2002
Alter: 38
Beiträge: 125
das ist ja alles schön und gut, aber wie kann ich es schaffen, dass er nur bis zu einer gewissen width den balken verlängert?

tuts hier eine schleife oder was soll ich machen?
poste doch mal den kompletten beispielcode dafür.

IM ÜBRIGEN WÄRE ES SOGAR BESSER, wenn nicht die länge des balkens sich verändern würde, sondern der bereits vorhandene balken in endgültiger größe, langsam, von links nach rechts - wie gehabt - mit farbe füllen würde.

auch hierzu bräuchte ich den (gesamten) code oder eine anleitung, wie man sowas macht.

danke an alle helfer im vorhinein

Geändert von RedPartisan (20.09.2003 um 10:20:51 Uhr)
Mit Zitat antworten
  #4  
Alt 20.09.2003, 12:19:20
Benutzerbild von Nev
Nev Nev ist offline
Member
 
Registriert seit: Feb 2002
Ort: Österreich / Wien
Alter: 43
Beiträge: 992
Hi @ll

warum machst du es nicht mit einen Gif, das Animiert ist.

da du ja die absolute Größe schon hast, machst du das Gif einfach so groß

das Gif kannst du ja mit einem animierten Balken versehen.

Vorteil an der gesamten Sache:
*) so ändert sich nicht der gesamte Aufbau
*) du brauchst kein JS
*) wenn du mehrere Balken hast, zerreist es deinen Aufbau nicht
__________________
Cu
Nev the XxX (Sven-Marcus Maderbacher)

Master of www.Burnworld.de
www.Nev-hilft.de die Seite für den Coder
Mit Zitat antworten
  #5  
Alt 20.09.2003, 12:23:35
RedPartisan RedPartisan ist offline
Anfänger
 
Registriert seit: May 2002
Alter: 38
Beiträge: 125
da hätt ich eigentlich selbst draufkommen können... danke!
Mit Zitat antworten
  #6  
Alt 20.09.2003, 14:11:49
sourcecode sourcecode ist offline
Junior Member
 
Registriert seit: May 2003
Beiträge: 287
1) Okay, ein gif-Bild ist auch gut. Und solche Balkengifs findet man vermutlich auch im Netz. Wenn du außerdem ein gutes Programm zum Erstellen eigener animierter gifs kennst, dann nenn es hier doch mal bitte!

Falls dich die Variante mit Javascript trotzdem noch interessiert:

2) Jedoch dem Betreff des Themas zu urteilen wolltest du eben genau das, was ich beschrieben habe. Und damit das ganze auch wieder stoppt, hatte ich ja noch window.clearInterval erwähnt. Du solltest dazu bei jedem Funktionsaufruf eine Variable um 1 erhöhen, und sobald die Variable einen bestimmten Wert erreicht hat, das Interval beenden:
Code:
function movetable() {
document.getElementsByTagName("td")[0].width -= -4;
a++;
if (a == 30) window.clearInterval(Timer);
}
Da aber Javascript verlangt, dass die Variable gesetzt sein muss, bevor sie erhöht werden kann, lautet der Bodytag dann: <body onLoad="a = 0; Timer = window.setInterval('movetable();',100);">

3) Eine Schleife solltest du dafür auf keinen Fall verwenden, denn leider gibts in Javascript nur window.setTimeout und window.clearInterval, um eine Pause bei der Abarbeitung des Skripts hervorzurufen, einen direkten Pause-Befehl wie etwa sleep bei PHP gibt es nicht - und die Zellenbreite ohne Pause zwischen den einzelnen Schritten zu erhöhen, ist nicht Sinn und Zweck der Sache, zumal Javascript leider dazu neigt, bei solchen Schleifen Fehler zu verursachen bzw. sich aufzuhängen und sogar den Computer auszubremsen.

Geändert von sourcecode (20.09.2003 um 14:26:12 Uhr)
Mit Zitat antworten
  #7  
Alt 20.09.2003, 14:29:57
RedPartisan RedPartisan ist offline
Anfänger
 
Registriert seit: May 2002
Alter: 38
Beiträge: 125
die flash-anis die ich gemacht habe waren glaub ich wesentlich leichter und schneller fertig.

danke trotzdem an alle.
Mit Zitat antworten
  #8  
Alt 20.09.2003, 14:48:37
sourcecode sourcecode ist offline
Junior Member
 
Registriert seit: May 2003
Beiträge: 287
1) Zur Farbe: <table border=0> und <td bgColor="red"> - dann würde also ein Farbbalken größer werden.

Geändert von sourcecode (20.09.2003 um 19:08:22 Uhr)
Mit Zitat antworten
  #9  
Alt 20.09.2003, 15:40:13
c4 c4 ist offline
SELFPHP Guru
 
Registriert seit: Jul 2002
Ort: Oberursel
Alter: 54
Beiträge: 4.748
Zitat:
Original geschrieben von sourcecode
Okay, ein gif-Bild ist auch gut. Und solche Balkengifs findet man vermutlich auch im Netz. Wenn du außerdem ein gutes Programm zum Erstellen eigener animierter gifs kennst, dann nenn es hier doch mal bitte!
a) http://dbCF.de/index.php?topic=gifs&ppp=10&gr=status
b) Animation Shop, ist bei Paint Shop Pro dabei
__________________
sic!
--> http://dbCF.de/
Mit Zitat antworten
  #10  
Alt 20.09.2003, 17:59:19
RedPartisan RedPartisan ist offline
Anfänger
 
Registriert seit: May 2002
Alter: 38
Beiträge: 125
Zitat:
Original geschrieben von _c_4_
a) http://dbCF.de/index.php?topic=gifs&ppp=10&gr=status
b) Animation Shop, ist bei Paint Shop Pro dabei
nein,nein,nein.. ich brauch ja keinen prozess-balken, sondern eben einen für eine umfrage. aber das hat sich ja sowieso schon erledigt, nachdem ich es jetzt mit flash gemacht habe.

thanx trotzdem
Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind aus.
[IMG] Code ist aus.
HTML-Code ist aus.

Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:53:34 Uhr.


Powered by vBulletin® Version 3.8.3 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.


© 2001-2024 E-Mail SELFPHP OHG, info@selfphp.deImpressumKontakt