mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 06:47 Benutzername: Passwort: Auto-Login

Thema: Textlinks / -buttons + Javascipt vom 18.03.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Textlinks / -buttons + Javascipt
Seite: Zurück  1, 2
Autor Nachricht
plusplus

Dabei seit: 03.01.2007
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 19.03.2007 21:21
Titel

Antworten mit Zitat Zum Seitenanfang

Zitat:
Ich meine Textlinkbuttons.


so wie ich das verstehe meint er buttons mit text Au weia!
sowas hier zb:


textlinks im css sind immer besser * Ja, ja, ja... *

aber falls du es doch brauchst hat dreamweaver extra eine funktion dafür:
"einfügen -> grafikobjekte -> navigationsleiste" da brauchste ken java für können *ha ha*


Zuletzt bearbeitet von plusplus am Mo 19.03.2007 21:22, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 19.03.2007 21:27
Titel

Antworten mit Zitat Zum Seitenanfang

plusplus hat geschrieben:
Zitat:
Ich meine Textlinkbuttons.


so wie ich das verstehe meint er buttons mit text Au weia!
sowas hier zb:


textlinks im css sind immer besser * Ja, ja, ja... *

aber falls du es doch brauchst hat dreamweaver extra eine funktion dafür:
"einfügen -> grafikobjekte -> navigationsleiste" da brauchste ken java für können *ha ha*



Und auch das würde sich relativ einfach nur per CSS lösen lassen.

http://www.drweb.de/csspraxis/css-rollover-menu.shtml
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht: Männlich
Verfasst Mo 19.03.2007 22:01
Titel

Rollover mit Javascript

Antworten mit Zitat Zum Seitenanfang

Zitat:
da brauchste ken java für können

Natürlich nicht! Java hat nämlich nichts damit zu tun. Du meinst Javascript. Java und Javascript haben so gut wie nichts miteinander zu tun. Die einzige Ähnlichkeit ist der Name...

Wie m bereits geschrieben hat, läßt sich so ein Rollover auch bei grafischen Buttons mit CSS lösen.
Wenn man es mit Javascript machen will, dann würde ich doch stark davon abraten, die Variante mit dem Dreamweaver zu wählen. Der Dreamweaver erzeugt einen unglaublich schrecklichen Code, bei dem sich jedem Programmierer der Magen umdreht.
Ich habe da schon Scripte gesehen, die ich mit zwei Zeilen Code gelöst habe, während der Dreamweaver eine ganze Seite Code in meinem Editor gefüllt hat. Der Code ist auch so gruselig, daß es dann später kaum noch möglich ist, manuell etwas dran zu ändern. Bevor man da durchgestiegen ist, hat man es selber schneller neu geschrieben...
Aber nunja...

Wenn jemand wissen will, wie man einen Rollover mit Javascript macht, kann er sich den Code hier anschauen, abändern bzw. in seine eigene Seite einbauen.

Man schreibt einfach seine HTML-Seite und baut die Buttons ein. Dann nutzt man die Eventhandler onmouseover und onmouseout, um die Buttons bei Berührung mit der Maus gegen andere auszutauschen. Ist eigentlich ganz einfach...

Code dafür hier:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="de">

<head>
   <title>Einfaches Rollover-Script</title>

   <script type="text/javascript">
   <!--

   // Vorladen der Bilder
   button_1a = new Image();
   button_1a.src = "button_1a.gif";
   button_1b = new Image();
   button_1b.src = "button_1b.gif";

   button_2a = new Image();
   button_2a.src = "button_2a.gif";
   button_2b = new Image();
   button_2b.src = "button_2b.gif";

   button_3a = new Image();
   button_3a.src = "button_3a.gif";
   button_3b = new Image();
   button_3b.src = "button_3b.gif";

   function Bildwechsel( name, objekt )
   {
       window.document.images[name].src = objekt.src;
   }

   //-->
   </script>
</head>


<body>

   <a href="seite1.html" onmouseover="Bildwechsel('knopf_1',button_1b);" onmouseout="Bildwechsel('knopf_1',button_1a);">
   <img src="button_1a.gif" name="knopf_1" width="114" height="34" alt="blabla" border="0"></a>

   <br><br>

   <a href="seite2.html" onmouseover="Bildwechsel('knopf_2',button_2b);" onmouseout="Bildwechsel('knopf_2',button_2a);">
   <img src="button_2a.gif" name="knopf_2" width="114" height="34" alt="blabla" border="0"></a>

   <br><br>

   <a href="seite3.html" onmouseover="Bildwechsel('knopf_3',button_3b);" onmouseout="Bildwechsel('knopf_3',button_3a);">
   <img src="button_3a.gif" name="knopf_3" width="114" height="34" alt="blabla" border="0"></a>

</body>

</html>
  View user's profile Private Nachricht senden
plusplus

Dabei seit: 03.01.2007
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 20.03.2007 22:54
Titel

Antworten mit Zitat Zum Seitenanfang

Zitat:
Natürlich nicht! Java hat nämlich nichts damit zu tun. Du meinst Javascript. Java und Javascript haben so gut wie nichts miteinander zu tun. Die einzige Ähnlichkeit ist der Name.

ich meinte javascript, ungenau ausgedrückt Meine Güte!

Zitat:
... daß es dann später kaum noch möglich ist, manuell etwas dran zu ändern. Bevor man da durchgestiegen ist, hat man es selber schneller neu geschrieben...


außer wenn man ein bibliotheks-elemt daraus macht
aber besser nicht - wir wollen doch die kirche im dorf lassen


Zuletzt bearbeitet von plusplus am Di 20.03.2007 22:56, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen textlinks über CSS
[Javascipt] Toggle Skript
Blasenpopup mit Javascipt oder Ajax?
Mac-Buttons
[CSS] buttons
Buttons
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.