Javascript Hintergrund?

Moin |

Hintergrundbilder sind kein Problem. Im Dokument sind Style-Definitionen verankert, die das regeln. Genau gesagt sind das die IDs #notiz1 bis #notiz3. Dort einfach den Hintergrund definieren.

Einbauen lässt sich das in deine Seite mit Sicherheit, sonst wäre das Skript ja nutzlos   Wird wohl darauf hinauslaufen, den JavaScript-Teil sowie die DIV-Elemente, die die Boxen repräsentieren, zu übernehmen. Wenn du die DIVs zu Beginn dann noch per CSS unsichtbar setzt und noch entsprechende Links hinzufügst, die sie wieder sichtbar machen können, hast du den gewünschten Effekt. Diese besagten Links müssten dann einen JavaScript-Aufruf auslösen, der ganz einfach die CSS-Eigenschaft für die Sichtbarkeit modifiziert.

Auf alle Detailfragen dazu findest du auf de.selfhtml.org eine Antwort

greez
JoSsiF

Danke für Deine Antwort  Ich habe aber trotzdem noch eine Frage:
wenn ich backgroundimage ins .css Dokument einfüge, muss ich dann noch etwas im .js Dokument ändern?

Cascading Style Sheets (CSS) -> CSS-Datei oder Direktformatierung oder Definition im HTML-Dokument (http://de.selfhtml.org/css/formate/index.htm)

JavaScript -> js-Datei oder Definition im HTML-Dokument (http://de.selfhtml.org/javascript/intro.htm)

Auf alle Detailfragen dazu findest du auf de.selfhtml.org eine Antwort.

Du musst nicht alles wissen. Es reicht, wenn du weißt, wo es steht. Und das weißt du jetzt. Nun brauchst du dich nur noch überwinden, dort auch mal nachzuschauen

greez
JoSsiF

Hehe  Ich habe vorher nachgeschaut, deshalb hatte ich auch mein Eintrag völlig geändert trotzdem Danke für deinen Eintrag

Noch eine Frage: was ist daran Falsch?:

#notiz2
{

width: 240px;
backgroundImage:url(http://www.aelinik.free.fr/back.jpg);
background-color: #99ff99;
}

Die Style-Eigenschaft fürs Hintergrundbild

Ich würde dich jetzt gern auf eine Seite verweisen, wo das alles steht, aber ich glaube die kennst du inzwischen. Und vielleicht warst du da ja sogar schon und hast einfach nur falsch abgeschrieben

Ist das so schwer, ein an sich hervorragendes Nachschlagewerk zu nutzen?

so... jetzt sieht es so aus:

#notiz2
{

   width: 240px;
<div style="background-image:url(http://161.142.157.2/home2/home/bck.jpg); margin:30px; padding:10px;" >

</div>
}

jedoch ist jetzt der hintergrund durchsichtig und das fett markierte grün (in Dreamweaver)... 

fehler gefunden: Strichpunkt fehlt  ; jedoch immer noch keine Hitergrundgrafik

Hallo

Also das ist jetzt aber völig falsch 

http://www.css4you.de/background-image.html

da stehts genau wie du es brauchst


gruß
der_webi

Der Link beschreibt es auch ziemlich gut

Bringt nur leider trotzdem nichts, wenn man den sich die verlinkten Dokumente nicht anschaut

 

Wenn du die DIVs zu Beginn dann noch per CSS unsichtbar setzt und noch entsprechende Links hinzufügst,...

Eine Frage: wie kann man bei Buttonklick die Postits dann wieder sichtbar machen? Oder soll ich auf deiner Lieblingsseite noch n bisschen suchen?

Thanks Fubu100 

Hallo
ich vermute, dass die gemeinte Lieblingsseite selfhtml ist oder irgendwas, wo man informationen über javascipt bekommt,

schaue dort mal nach onclick()

gruß
der_webi

Oder soll ich auf deiner Lieblingsseite noch n bisschen suchen?  

Warum so zynisch?

Ist es dir nicht recht, wenn man dir sagt, wo man erstklassige Informationen findet? Die Vorgehensweise zur Lösung deines Problems wurde dir auch schon beschrieben. Ich weiß, fertigen Code zu bekommen ist bequemer. Aber das bedeutet für dich Null Lerneffekt und für uns mehr Arbeit, mal in der Summe der Hilfesuchenden betrachtet. Da könnte ja jeder kommen und sich sein Skript nach eigenen Wünschen zurechtbauen lassen, und genau das fällt aus wegen Bodennebel.

Hilfe zur Selbsthilfe kommt immer noch am besten. Es dauert nur unterschiedlich lang, bis das jemandem auch tatsächlich bewusst wird.

greez
JoSsiF

Gut... gelesen Danke! so sieht es jetzt aus ich weiss es ergibt völlig keinen Sinn aber wie kann ich das machen, dass wenn man auf den Button klickt es den Javascript ausführt?

<input type="button" value="Test"
 onclick="
   [b]<script type="text/javascript">var dmWorkPath="deluxe-menu.files/";</script>
  <script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>


<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="dmlinks" style="font:normal 11px Tahoma;color:#000000;text-decoration:none">
     <a id="dmI1" href="Text.html">Text</a>
     <a id="dmI2" href="Text.html">Text</a>
     <a id="dmI3" href="Text.html">Text</a>
     <a id="dmI5" href="Text.html">Text</a>
     <a id="dmI6" href="Text.html">Text</a>
     <a id="dmI7" href="Text.html">Text</a>
     <a id="dmI8" href="Text.html">Text</a>
</div>



<body leftmargin=10 topmargin=10 marginwidth=0 marginheight=0 bgcolor=#FFFFFF>

<script type="text/javascript" src="data-deluxe-menu.js"></script>

<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>

</body>[/b]
">


 

Ist es dir nicht recht, wenn man dir sagt, wo man erstklassige Informationen findet?

Meine Aussage ist wohl nicht ganz rüber gekommen... das ganze war ein Witz...  

Hallo
Also du willst doch dieses Fenster den div aufrufen, wenn du auf einen butto klickst.


dann machst du einen link


<a onclick="funktion_zeigen()">Fenster öffnen</a>


SO die funktion "funktion_zeigen" muss nun das neue Fenster öffnen, bzw erst verbergen und dann nicht mehr.

Wie man das jetzt mach, findest du raus, wenn du dich ein bisschen schlau liest.
onlick() brauchste ja schonmal nicht mehr lesen

die funktion wird dann gestartet.
Wenn die FUnktion gestartet ist....


viel spaß
der_webi

ist onload gemeint?

ist onload gemeint?

Nö.

schaue dort mal nach onclick()

ich wette es ist wieder falsch, aber ich rate nicht ...
this.form.Ausgabe.value?
 

Kommt der Sache schon näher, aber du hast glaub ich kein Formular, und ein Objekt "Ausgabe" schätzungsweise auch nicht.

Du willst aber ein Objekt ansprechen, weil du dessen Style-Eigenschaften manipulieren willst. Vielleicht findet sich für die Referenz auf das Objekt hier was: http://de.selfhtml.org/javascript/objekte/document.htm

ich wette es ist wieder falsch, aber ich rate nicht ...

raten ??? ??? ??? wer ah..
 du
nä oder?

Versuch dein Glüch mal weiter, aber bitte nachdem du dir den Link durchgelesen hast

gruß
der_webi

die einfachste Methode wäre open() aber das öffnet ja ne andere seite...

Naja im Prinzip würde  das gehen, doch im endeffekt hilft dir das auch nix, denn du weist noch nciht wie du nach dem onclick den div aufrufst, ob du den jetzt aus ner neuen datei lädst oder einfach nur anzeigst spiel erst einmal keine rolle


gruß
der_webi

sowas würde doch gehen:

<a onclick="document.write("<script type="text/javascript">var dmWorkPath="deluxe-menu.files/";</script>
  <script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>


<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="dmlinks" style="font:normal 11px Tahoma;color:#000000;text-decoration:none">
     <a id="dmI1" href="minecore.html">Minesweeper</a>
     <a id="dmI2" href="index.htm">Battleship</a>
     <a id="dmI3" href="tetris.html">Tetris</a>
     <a id="dmI5" href="file:/psp/common/wlpm/screen.html">MSN</a>
     <a id="dmI6" href="appz.html" target="_">Loader</a>
     <a id="dmI7" href="browser.html">Internetexplorer</a>
     <a id="dmI8" href="browsertxt.html">Textreader</a>
</div>



<body leftmargin=10 topmargin=10 marginwidth=0 marginheight=0 bgcolor=#FFFFFF>

<script type="text/javascript" src="data-deluxe-menu.js"></script>

<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>

</body>")">Fenster öffnen</a>


Oder etwa nicht?
 

Oups sorry wegen Doppelpost

Möchtest du jetzt warten, bis dir jemand sagt, ob das funktionieren könnte? Probier's doch einfach aus.

greez
JoSsiF

also gut es eht nicht...***weitersuchen***

Ich habe jetzt schon die ganze seite angeschaut und bin (meiner Meinung nach) noch auf nichts richtiges gestossen... könnt ihr mir helfen???

Thx Fubu100 

hallo sorry wenn ich euch auf den Wecker gehe, aber könnt ihr mir nicht nachhelfen?

Ich habe jetzt schon die ganze seite angeschaut

Ganz SelfHTML? Gar nicht nötig . Der Link zum Glück ist dir ja schon gepostet worden (letzter Link). Dort gibt's eine Methode getElementById().

Viel Spaß damit!

greez
JoSsiF

aha! ok ja stimmt... jetzt begreife ich das langsam... aber wie kamm ich einem script einen Namen geben? (in der Art wie bei PHP $element = 'code') bei Javascript? Habt ihr mir ein Link oder eine Beschreibung?

Wieso willst du einem Skript einen Namen geben? Ich glaube, du bist auf der vollkommen falschen Fährte.

Lies dir doch einfach nochmal das durch, was gepostet wurde. Es wird doch schon alles beschrieben.

greez
JoSsiF