| |
|
|
  |
 Flash Menü Effekt per html? |
DasZ
Newb
Dabei seit: 10.05.2003
Beiträge: 12
 |
|
| Flash Menü Effekt per html? |
     |
Alloha!
Also, ich bin hier wohl der erste mit'nem Prob:
Folgendes: ich bastel grad an'nem neuen projekt, was komplett in  HTML gehalten werden soll (zwecks größtmögliche benutzergruppe ansprechen) jedenfalls habe ich das menü mit mouseovers versehen.... die bei auslösen die farbe ändern. soweit so gut und nich weiter wild... nun soll aber zu jedem punkt noch ein untermenü angezeigt werden und das an einem anderen ort.... und zwar auf mouseover....
die einzige lösung, die mir einfiel war ein script was sich am ende auf'n Layer bezieht... klappt auch irgendwie, aber nich so schön, wie ich mir das vorgestellt habe....
Soderle.... na dann... ich hoffe hier kann mir einer helfen
In diesem Sinne
DasZ
Nachtrag: "aber nich so schön, wie ich mir das vorgestellt habe...." soll heißen, dass der layer immer aus der tabbelbegrenzung springt... und ich hab keinen plan warum
|
|
12.05.2003 18:20 |
|
|
Der Betreiber und die Moderatoren vom www.coder-board.de distanzieren sich hiermit ausdrücklich von dem von DasZ am 12.05.2003 um 18:20 verfassten Beitrag.
Sollte dieser Beitrag Ihre Rechte verletzen, bitten wir um Benachrichtigung unter Berücksichtigung der dort aufgeführten Möglichkeiten.
|
Google
|
|
|
|
Prometheus 
Administrator
Dabei seit: 09.05.2003
Beiträge: 2.950
|
|
hi
dazu gibts div. möglichkeiten. entweder mit nem Java skript oder applet oder flash oder oder oder
beschreib mal wie genau das aussehen soll. hab ein risen archiv mit source codes und auch einige interaktive menüs dabei.
__________________
mfg
Prometheus
|
|
|
Ich gebe keinen Support per PN, Email oder sonstiges!
Alle Fragen können offen hier im Forum behandelt werden.
|
|
|
|
12.05.2003 18:23 |
|
|
DasZ
Newb
Dabei seit: 10.05.2003
Beiträge: 12
Themenstarter 
|
|
hmmmm... das is ja eben das problem... per Java würde ich das glaub'sch auch hinbekommen... jedenfalls mit'nem recht einfachen free-script... aber es sollten eben genau kein Java oder flash benutzt werden... je mehr ich mir das aber durchdenke, scheint es die einzigste möglichkeit zu sein... ich werd mal'n screenshot machen und erklären =)
In diesem Sinne
DasZ
|
|
|
12.05.2003 18:29 |
|
|
Der Betreiber und die Moderatoren vom www.coder-board.de distanzieren sich hiermit ausdrücklich von dem von DasZ am 12.05.2003 um 18:29 verfassten Beitrag.
Sollte dieser Beitrag Ihre Rechte verletzen, bitten wir um Benachrichtigung unter Berücksichtigung der dort aufgeführten Möglichkeiten.
|
Affilimatch
|
|
|
|
Prometheus
Administrator
Dabei seit: 09.05.2003
Beiträge: 2.950
|
|
screenshot is immer gut 
also meintest du das menü in HTML aufbaun? naja, das problem is da dann wohl das reload der seite. du mußt ja quasie abhängig von der funktion die layer aktualisieren. ich würd das lassen und einfach per Java machen. normal sollten die meisten browser soche einfachen Java sachen können. und wenn nicht gibts immernoch die möglichkeit das abzufangen und für die leute ein einfaches menü in baumstruktur zu machen oder so.
__________________
mfg
Prometheus
|
|
|
Ich gebe keinen Support per PN, Email oder sonstiges!
Alle Fragen können offen hier im Forum behandelt werden.
|
|
|
|
12.05.2003 18:32 |
|
|
DasZ
Newb
Dabei seit: 10.05.2003
Beiträge: 12
Themenstarter
|
|
Alsöööö.... die ganze sache mit dem Menü hat sich gegessen, da ich die grafik nochmal umgestellt hab, um anderen designern nich zu nahe zu treten... egal... ehr'n persönliches prob und gehört nich hier her... auf jeden fall ist das ganze jetzt mit einem stinknormalen button menü geregelt und die untermenüs erscheinen in einem neuen frame.... das problem was sich jetzt auftut ist simpel... aber hält mich seit gestern nacht wach.... ich will mehrere links auf einem layer haben.... die sollen dann auf ihrer ebene endlos scrollen.... also ohne leeren zwischenteil... aber egal, was ich schreib... es geht immer link1 -- link2 -- link3 -- frei -- link1.... es is zum erbrechen... brummelZ....
in diesem sinne... erbsenzählendes Z
|
|
|
19.05.2003 16:52 |
|
|
Der Betreiber und die Moderatoren vom www.coder-board.de distanzieren sich hiermit ausdrücklich von dem von DasZ am 19.05.2003 um 16:52 verfassten Beitrag.
Sollte dieser Beitrag Ihre Rechte verletzen, bitten wir um Benachrichtigung unter Berücksichtigung der dort aufgeführten Möglichkeiten.
|
Google
|
|
|
|
DasZ
Newb
Dabei seit: 10.05.2003
Beiträge: 12
Themenstarter
|
|
O.K. .... hab's prob grad selbst gelöst.... ---->>>
<script language="JavaScript1.2">
//configure the below three variables to change the style of the scroller
var scrollerwidth=150
var scrollerheight=120
var scrollerbgcolor='lightyellow'
//configure the below variable to change the contents of the scroller
var messages=new Array()
messages[0]="<font face='Arial'>Hallo...</font>"
messages[1]="<font face='Arial'><a href='#' class='LinkInt'>Links gehen auch..</a></font>"
messages[2]="<font face='Arial'><a href='#'>mehr braucht man nicht.</a></font>"
messages[3]="<font face='Arial'>123<p>123<p>123</font>"
///////Do not edit pass this line///////////////////////
if (messages.length>1)
i=2
else
i=0
function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",3000)
setTimeout("move2(document.main.document.second)",3000)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(messages[i])
tlayer.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}
function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",3000)
setTimeout("move1(document.main.document.first)",3000)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(messages[i])
tlayer2.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}
function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",3000)
setTimeout("move4(second2)",3000)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}
function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",3000)
setTimeout("move3(first2)",3000)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}
function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
}
else if (document.layers){
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}
}
window.onload=startscroll
</script>
<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor};>
<layer id="first" left=0 top=1 width=&{scrollerwidth};>
<script language="JavaScript1.2">
if (document.layers)
document.write(messages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(messages[1])
</script>
</layer>
</ilayer>
<script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';
overflow:hiden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';
clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.write(messages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(messages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
</script>
|
|
|
19.05.2003 17:03 |
|
|
Der Betreiber und die Moderatoren vom www.coder-board.de distanzieren sich hiermit ausdrücklich von dem von DasZ am 19.05.2003 um 17:03 verfassten Beitrag.
Sollte dieser Beitrag Ihre Rechte verletzen, bitten wir um Benachrichtigung unter Berücksichtigung der dort aufgeführten Möglichkeiten.
|
Prometheus
Administrator
Dabei seit: 09.05.2003
Beiträge: 2.950
|
|
hmmm .. soll der automatisch scrollen oder manuell? ich würde es mit dem marquee befehl versuchen und ggf. mit Java das ganze so anpassen das du z.b. auch grafiken scrollen kannst. hier mal ein quellcode aus meinen unterlagen dazu:
<script language="JavaScript1.2">
<!--
var sliderwidth="90%"
var sliderheight=140
var slidespeed=10
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]= '<font face="arial" size="+6" color=#ff0000>TEST</font>'
leftrightslide[1]= '< IMG src="pics/irgendwas.jpg" border="0">'
leftrightslide[2]= '<a href="link. HTML" target="frame">< IMG src="pics/irgendwas.jpg" border="0"></a>'
var copyspeed=slidespeed
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+" "
if (document.all){
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",200)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}
//NS specific function
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslid
e+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}
//NS specific function for sliding slideshow
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate2
//-->
</script>
<ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>
<layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed">
</layer>
</ilayer>
__________________
mfg
Prometheus
|
|
|
Ich gebe keinen Support per PN, Email oder sonstiges!
Alle Fragen können offen hier im Forum behandelt werden.
|
|
|
|
19.05.2003 17:03 |
|
|
Google
|
|
|
|
Prometheus
Administrator
Dabei seit: 09.05.2003
Beiträge: 2.950
|
|
die smilies mitten im code müssen natürlich durch ; ) ersetzt werden ... smilies im code kommen net so gut 
__________________
mfg
Prometheus
|
|
|
Ich gebe keinen Support per PN, Email oder sonstiges!
Alle Fragen können offen hier im Forum behandelt werden.
|
|
|
|
19.05.2003 17:04 |
|
|
DasZ
Newb
Dabei seit: 10.05.2003
Beiträge: 12
Themenstarter
|
|
grinselZ... jo, das funktionierte.. danke =)) aber leider hab'sch das layout wegen gar nicht mehr lösbaren unstimmigkeiten mit gewissen personen völlig eingestampft... =)
Aber das neue Layout is eh viel besser, da Photo- und Paintshopverwurstelte Bilder einfach mal rocken... außerdem kann'sch nu endlich das outfit der site durchziehen, was mir schon die ganze zeit vorschwebt =)
bei der arbeit dafür is mir ganz nebenbei eingekommen, wie das ursprüngliche prob dieses Threads zu lösen ist:
Unter Namo Webeditor 5:
Man nehme: 2 Ebenen, den Aktion-Editor (Fenster -> Aktion)
Nun schreibe man in die erste ebene den Hauptlink (z.B. About Me) markiere die ebene, wenn nicht automatisch geschehen, und öffne den Aktion-Editor, dort auf hinzufügen.
OnMouseOver - Ebene Anzeigen - Zieleben (Name der 2. Ebene - standardmäßig: layer2) - OK....
Hinzufügen - OnMouseOut - Ebene ausblenden - Zielebene.... s.o.
In die Zielebene schreibe man nun ganz normal sein untermenü und platziere sie am gewünschten Ort.
- Fertig-
Wem die Erklärung nicht einleuchtet, der soll einfach nochmal die genaue frage posten, oder mich per mail anschreiben =)
In diesem Sinne
Zchen
|
|
|
24.05.2003 10:35 |
|
|
Der Betreiber und die Moderatoren vom www.coder-board.de distanzieren sich hiermit ausdrücklich von dem von DasZ am 24.05.2003 um 10:35 verfassten Beitrag.
Sollte dieser Beitrag Ihre Rechte verletzen, bitten wir um Benachrichtigung unter Berücksichtigung der dort aufgeführten Möglichkeiten.
|
|
|
|
|
|
