• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Brainbox Problem!!!

S

Szyslak

Neues Mitglied
Erstmal Servus aus dem Münchenerland. Ich hoffe ich bin in diesem Thread richtig. :)

Seid ein paar Tagen arbeite ich an meiner eigenen Website. Dabei fehlt mir noch eine winzige kleinigkeit und dabei hoffe ich auf eure hilfe. also folgendes.

Für meine im Dreamweaver 5.5 erstellte website hab ich eine seitenleiste mit einem "mouseover" bild versehen. wie ich im quelltext gesehen habe erstellt dw mir einen
HTML: 
<body onload=
.

alles passt super. bis ich die brainbox einrichten wollte. ich habe alles beachtet wie die anleitung es mir vorgibt Die Brainbox einrichten - so geht´s | the-netBRain.de

jetzt hab ich ewig ausprobiert. erst in einem neuen dokument um zu sehen ob es funktioniert und alles hat funktioniert. dann das ganze auf meine seite übertragen und es ging NICHT.
Ich hab alle varianten ausprobiert bis ich verzweifelt aus dem originaldokument einzelne codepassagen rausgelöscht habe um zu sehen wo der fehler liegt. AHAA.

Es ist so. Im Quelltext steht
HTML: 
<body onload=...</body>
für die brainbox brauch ich aber ein
HTML: 
<body>...</body>
und da dazwischen dann auch meine infos.

gibt es irgend eine möglichkeit es so hin zu bekommen das beides funktioniert?
wär super wenn jemand nen tipp hätte. hab übrigens auch schon versucht mit zwei bodys zu arbeiten. geht aber auch nicht.

liebe grüsse
szyslak
 
für die brainbox brauch ich aber ein HTML-Code:

<body>...</body>
Zum Vergrößern anklicken....
Das brauchst Du nicht nur für die brainbox, sondern das erwartet jeder Browser von einer Webseite, dass der anzuzeigende Inhalt der Webseite zwischen einem öffnenden <body>-Tag und einem schließenden </body>-Tag steht. Ohne mehr Code kann Dir hier aber sicher nieman helfen.
 
ja genau das dacht ich eben auch. doch es funktioniert auch beim testupload auf dem server so.

so sieht der anfang meines bodys aus.
HTML: 
<body onload="MM_preloadImages('layout/Text/menu/home2.png','layout/Text/menu/news2.png','layout/Text/menu/aboutme2.png','layout/Text/menu/pictures2.png','layout/Text/menu/contact2.png','layout/Text/fusszeile/facebook2.png')">
<div id="apDiv1">
  <div id="apDiv2"><a href="home.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','layout/Text/menu/home2.png',1)"><img src="layout/Text/menu/home1.png" name="home" width="200" height="85" border="0" id="home" /></a><a href="news.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','layout/Text/menu/news2.png',1)"><img src="layout/Text/menu/news1.png" name="news" width="200" height="43" border="0" id="news" /></a><a href="aboutme.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('aboutme','','layout/Text/menu/aboutme2.png',1)"><img src="layout/Text/menu/aboutme1.png" name="aboutme" width="200" height="43" border="0" id="aboutme" /></a><a href="pictures.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('pictures','','layout/Text/menu/pictures2.png',1)"><img src="layout/Text/menu/pictures1.png" name="pictures" width="200" height="43" border="0" id="pictures" /></a><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','layout/Text/menu/contact2.png',1)"><img src="layout/Text/menu/contact1.png" name="contact" width="200" height="86" border="0" id="contact" /></a></div>
      <div id="apDiv3"></div>
      <div id="apDiv4"><img src="layout/Text/name1.png" width="550" height=60" /></div>
    <div id="apDiv5">...
      </tr>
      </table>
  </div>
    <div id="apDiv7"><a href="https://www.facebook.com/mauriceklemm" target="_blank" onmouseover="MM_swapImage('facebook','','layout/Text/fusszeile/facebook2.png',1)" onmouseout="MM_swapImgRestore()"><img src="layout/Text/fusszeile/facebook.png" name="facebook" width="64" height="30" border="0" id="facebook" /></a><img src="layout/Text/fusszeile/fussleiste_02.png" width="696" height="30" /></div>
 <div id="apDiv6"></div>
</div>
</body>
und ich hab zwischen </div> und </body> den neuen pfad gesetzt.
 
Hallo

die Textschnipsel helfen zur Klärung des Problems nicht weiter. Stell die Seite bitte mal online.

Das Problem scheint eher zu sein, das du verschiedene JavaScript-Vorlagen ohne Basiswissen wild durcheinandermischt und die sich gegenseitig stören.

Gruss

MrMurphy
 
Hallo,

also zuerst macht man das hover mit css und nicht mit javascript.
Zweitens mit mehr code wurde glaube ich ein Link gemeint.
was heist "geht aber auch nicht." was geht nicht? kommt unten kein Kaffee raus? was sagt Fehlerkonsole?
Zeige einfach an Link.

Cheffchen

edit: ich hätte mir nicht kaffee hollen sollen und lieber schneller schreiben sollen :O)
 
sorry für die verwirrenden infos.
also die website ist testweise online auf Test
da öffnet sich nun wenn man auf ein bild klickt ein grosses bild das man weiter, zurück oder schliessen kann.
ich möchte aber eine brainbox da man bei der einfach aufs bild klickt um weiter oder zurück zu kommen. und um die nun einzubinden fehlt mir das wissen. hab zwar alles genau so befolgt wie in der beschreibung auf der oben genannten website doch trotzdem gelingt es mir lediglich auf einer neuen seite.
oder jemand hat eine idee wie ich die funktion bei meiner bisher verwendeten thickbox anwenden kann.

vielen dank
 
die richtige brainbox-1.3.js hab ich wie auch das dazugehörige css file. die links stimmen und wurden mehrmals überprüft. hab eine leere website mit einem bild und der brainbox erstellt und es hat funktioniert. also die links und die pfade sind richtig.
wenn ich die von dir genannten codes ändere wird das bild zwar geöffnet aber ohne jegliche animation. grauer untransparenter hintergrund und das bild.
wenn ich nun die codezeilen im
HTML: 
<head onload=...</head>
lösche und einen normalen
HTML: 
<head>...</head>
um den code lege funktioniert es. somit müsste das problem irgendwo da liegen. es scheint wie den bezug zur brainbox-1.3.js und brainbox.css nicht richtig zu machen ob wohl alles stimmen müsste.

wenn ich in meiner TimeMachine die version von vor 3 tagen hole als ich noch kein mouseover hatte funktioniert es eben auch. :(

p.s. hochladen kann ich es grad nicht da die seite auf dem server meines bruders liegt und ich noch keinen zugang habe.
 
Hallo,

oder schau doch einfach mal nach ein anderen, ich halte nicht viel von dem, hat auch ein zwei maken.
Vielleichtz kommen die sich einfach in die query und dann kannst machen was möchtest.
Es gibt hunderte lightbox, schau mal nach ein anderen.

Cheffchen
 
das wäre ja kein problem und würd ich auch gleich machen wenn es überhaupt nicht funktionieren würde. aber dadurch das ich es auf einer blanko seite geschafft habe einzurichten, es aber nichtmehr funktioniert wenn ich es in meine seite implementieren will versteh ich nicht. ich dachte mir da müsste es eine lösung geben da mir das design doch sehr gefällt. doch scheinbar gibt es keine andere lösung als eine andere box dafür zu finden.

trotzdem danke... :)
 
wüsste denn jemand eine seite wo ich sonst noch solche codes finden kann? ausser lightbox und thickbox? das wäre dann suuuuper
 
aber hey leute jetzt nochmal. ihr habt doch meinen code gesehen. was soll dieser <body onload= ??? denn sobald ich aus dem <body onload= einfach beim body ein > anhänge funktioniert es. nur der mousover effekt ist dann weg. gibt es denn nicht eine möglichkeit dieses problem zu fixieren?

und für was ist denn dieser onload befehl? denn ich hab die onload zeile jetzt einfach mal gelöscht, und jetzt funktioniert alles. mit design. kann es sein das mit diesem befehl einfach die mouseover bilder vorgeladen werden? ist dieser befehl denn notwendig???
 
Dein "Problem" ist, dass Du 2 JavaScripts eingebunden hast die aktuell unabhängig voneinander das onload-Event verwenden möchten.

Was aktuell in deinem body-Element als onload steht dient den Mouseover-Effekten.
Das Script für diese Bildvergrößerung hat in seinem eigenen Code ein per JavaScript definiertes onload-Event stehen.

Der aktuelle Einbau ist also erklärbar. Dir muss nur bewusst werden, dass es den onload-Eventhandler gibt und das er sowohl im HTML-Code als auch per JavaScript definiert werden kann.

Du hast also 2 Möglichkeiten für deine Frage:
a) Du lässt es so wie es ist. Bei mir im Firefox geht aktuell auf deiner Testseite sowohl die Vergrößerung als auch das Mouseover. Ich sehe darin also momentan kein Problem.
b) Du baust den Mouseover-Effekt zu einer reinen CSS-Lösung um. Dadurch ersparst Du dir eine Menge JavaScript-Code, der aktuell noch in deinem HTML-Dokument enthalten ist, und könntest deine Besucher gleichzeitig auch mit modernen CSS-Effekten erfreuen.
 
danke threadi

dein beitrag hat mir einiges gebracht. und ich wusste nicht das ich einen mouseover auch einfach mit css programmieren kann. die testseite besitzt noch das alte javascript. das neue das ich versucht habe namens Brainbox hat probleme gemacht. ich hab nun die onload in meinem html code gelöscht und trotzdem funktioniert mein mouseover noch. und meine brainbox auch. hab mir grad die mouseover möglichkeiten in css angesehen und festgestellt das man echt flexibel und coole designs damit erstellen kann. relativ einfach. danke für den tip. ich denke nun bin ich auf einem guten weg den durchblick zu bekommen. :)

kennst du vielleicht gerade einen css effekt der bei mir passen würde? bin grad das netz bisschen am durchforsten... ;)

lg
szyslak
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben