Archivlink: javarea.de Forum > JavaScript > Transparenz Javascript im FORM Tag
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Transparenz Javascript im FORM Tag

Pages: [1]
geschrieben von khan.cross am 11.09.2005 - 23:16
Hallo Leute,

ich habe ein Newsticker runtergeladen nur will der nicht so wie ich es gern hätte. Unten ist der aktuelle Code und darunter der FORM Tag.

Hier ist das Beispiel, ganz unten, bewußt rot eingefärbt http://www.fmxturkey.com/VORLAGE.html

Jetzt zu meinen Anforderungen:
1. Hintergrund (also das Rote) transparent, die Hintergrundgrafik soll ersichtlich sein.
2. Dieses FORM Tag erweitert die Tabellenzelle welche eine fixe Höhe von 20 haben muß. Es würde daher reichen wenn die Form Zelle nur 15px hat.
3. Die Schrift im Form Tag soll zentriert sein und nicht wie jetzt Linksbündig.

Könnt Ihr mir helfen?
Danke und Gruß
Khan

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
68: 
69: 
70: 
71: 
72: 
73: 
74: 
75: 
76: 
77: 
78: 
79: 
80: 
81: 
82: 
83: 
84: 
85: 
86: 
87: 
88: 
89: 
90: 
91: 
92: 
93: 
94: 
95: 
96: 
97: 
98: 
99: 
100: 
101: 
102: 
103: 
104: 
105: 
106: 
107: 
108: 
109: 
110: 
111: 
112: 
113: 
114: 
115: 
116: 
117: 
118: 
119: 
120: 
121: 

<script language="JavaScript" type="text/JavaScript">
<!--

<!-- START TICKER -->
function StartTicker()
{
document.NewsTicker.Zeile.value = "THIS AREA NEED JAVASCRIPT ENABLED"
}

var tickernews =
[
{meldung:"ALWAYS WEAR A HELMET - EYE PROTECTION AND OTHER PROTECTIVE APPAREL WHEN RIDING A BIKE", starteffekt:2, endeeffekt:2},
{meldung:"NEVER RIDE UNDER THE INFLUENCE OF DRUGS", starteffekt:2, endeeffekt:2},
{meldung:"SHOWN FIGURES TRICKS AND MOVEMENTS ARE DONE BY PROFESSIONAL RIDERS", starteffekt:2, endeeffekt:2},
{meldung:"WE STRONGLY RECOMMEND TO DO NOT IMITATE", starteffekt:2, endeeffekt:2},
{meldung:"YOU ALWAYS RIDE A BIKE ON YOUR OWN RISK", starteffekt:2, endeeffekt:3},
]

var ticker_start = 1 // Wartezeit bis zur ersten Meldung

var ticker_effekt2_start_max_blink = 1 // Anzahl der Blinkdarstellungen
var ticker_effekt2_start_a = 120 // Blinkgeschwindigkeit [ms]
var ticker_effekt2_start_b = 3000 // Darstellungszeit der Meldung [ms]

var ticker_effekt2_ende_max_blink = 2 // Anzahl der Blinkdarstellungen
var ticker_effekt2_ende_a = 120 // Blinkgeschwindigkeit [ms]
var ticker_effekt2_ende_b = 1 // Wartezeit bis zur naechsten Meldung [ms]

var ticker_effekt3_ende_max_blink = 10 // Anzahl der Blinkdarstellungen
var ticker_effekt3_ende_a = 120 // Blinkgeschwindigkeit [ms]
var ticker_effekt3_ende_b = 1 // Wartezeit bis zur naechsten Meldung [ms]

// Interne Variablen
var msgnr = 0

// Aufruf der naechsten Meldung
function nextTicker()
{
msgnr++
if(msgnr >= tickernews.length)
msgnr = 0
setTimeout("showTicker(0)", 75)
}

// Effekte fuer Meldungsende
function hideTicker(cnt)
{
switch(tickernews[msgnr].endeeffekt)
{
// Effekt 2
case 2:
document.NewsTicker.Zeile.value = ((cnt % 2) == 1) ? tickernews[msgnr].meldung : ""
if(cnt > (2 * ticker_effekt2_ende_max_blink + 1))
setTimeout("nextTicker(0)", ticker_effekt2_ende_b)
else
setTimeout("hideTicker(" + String(cnt + 1) + ")", ticker_effekt2_ende_a)
break

case 3:
document.NewsTicker.Zeile.value = ((cnt % 2) == 1) ? tickernews[msgnr].meldung : ""
if(cnt > (2 * ticker_effekt3_ende_max_blink + 1))
setTimeout("nextTicker(0)", ticker_effekt3_ende_b)
else
setTimeout("hideTicker(" + String(cnt + 1) + ")", ticker_effekt3_ende_a)
break

// Effekt 1
default:
document.NewsTicker.Zeile.value =
tickernews[msgnr].meldung.substring(cnt, tickernews[msgnr].meldung.length)
if(cnt >= tickernews[msgnr].meldung.length)
setTimeout("nextTicker()", ticker_effekt1_ende_b)
else
setTimeout("hideTicker(" + String(cnt + 1) + ")", ticker_effekt1_ende_a)
}
}

// Effekte fuer Meldungsanfang
function showTicker(cnt)
{
switch(tickernews[msgnr].starteffekt)
{
// Effekt 2
case 2:
document.NewsTicker.Zeile.value = ((cnt % 2) == 1) ? "" : tickernews[msgnr].meldung
if(cnt > (2 * ticker_effekt2_start_max_blink + 1))
setTimeout("hideTicker(0)", ticker_effekt2_start_b)
else
setTimeout("showTicker(" + String(cnt + 1) + ")", ticker_effekt2_start_a)
break

// Effekt 1
default:
document.NewsTicker.Zeile.value = tickernews[msgnr].meldung.substring(0, cnt)
if(cnt >= tickernews[msgnr].meldung.length)
setTimeout("hideTicker(0)", ticker_effekt1_start_b)
else
setTimeout("showTicker(" + String(cnt + 1) + ")", ticker_effekt1_start_a)
}
}

// Start des Tickers
function StartTicker()
{
// Standardmeldung
document.NewsTicker.Zeile.value = "THIS AREA NEEDS JAVASCRIPT ENABLED"

// Ticker starten
setTimeout("showTicker(0)", ticker_start)
}

<!-- END TICKER -->

//-->
</script>

<form name="NewsTicker">
<INPUT TYPE="TEXT" READONLY STYLE="border:none; background-color:#FF0000;
color:#2a261c; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;"
NAME="Zeile" SIZE=105 MAXLENGTH=105">
</FORM>

Beitrag bearbeiten/löschen

geschrieben von okley am 12.09.2005 - 07:52
hallo neu hier.

Zitat
 Jetzt zu meinen Anforderungen:

es freut mich, dass du in unsere community gefunden hast. allerdings denke ich nicht, dass wir dazu da sind deine Anforderungen auf Anfrage zu erfüllen. Wir sind da um dir zu helfen, das ist so. Aber, so sehe ich das zumindest, wir sind nicht bereit, dir auf Anfrage einen quellcode so zu modifizieren, wie du ihn gerne haben möchtest, bevor du nicht selbst etwas probiert hast. Denn der Sinn dieser Community ist nicht, jedem und jeder eine Page auf Anfrage zu basteln, sondern bei Problemlösungen zu helfen.

einen Hintergrund kannst du mit der css-eigenschaft: background: transparent; setzen. Inhalte zentrierst du ebenfalls mit css, über die eigenschaft text-align: center; in der tabellenzelle oder dem form-tag. die höhe einer zelle bestimmst du mit height: 15px; wo du das setzen willst ist eigentlich dir überlassen, je nachdem was du genau willst ;)

ich hoffe ich konnte dir ein bischen weiterhelfen ...

geschrieben von Klaush am 12.09.2005 - 08:17
Zitat
 Original geschrieben von okley am 12.09.2005 - 07:52

es freut mich, dass du in unsere community gefunden hast. allerdings denke ich nicht, dass wir dazu da sind deine Anforderungen auf Anfrage zu erfüllen. Wir sind da um dir zu helfen, das ist so. Aber, so sehe ich das zumindest, wir sind nicht bereit, dir auf Anfrage einen quellcode so zu modifizieren, wie du ihn gerne haben möchtest, bevor du nicht selbst etwas probiert hast. Denn der Sinn dieser Community ist nicht, jedem und jeder eine Page auf Anfrage zu basteln, sondern bei Problemlösungen zu helfen.


Auch wenn's OT wird:
100% dergleichen Meinung!

geschrieben von khan.cross am 12.09.2005 - 11:11
Sorry Leute, ich stelle keine Anforderungen an Euch und Euer Forum sondern an meine Page. Bitte versteht das nicht falsch.

Der Tip von Okley hat geholfen, ich habe dem Form Tag nur noch style="padding: 0; margin:0;" hinzugefügt und sitzt jetzt perfekt.

Danke auf jeden Fall! Der Thread kann geschlossen werden.

Gruß
Khan

geschrieben von René am 12.09.2005 - 12:59
Für deinen Form-Tag kannst du auch style="display: inline;" schreiben erfüllt das gleiche wie dein margin und padding.


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.