textfelder anders

M

macropode

Erfahrenes Mitglied
Hallöchen ich habe ein Problem.

auf meiner seite mit dem code:
PHP: 
<form action="index.php" method="post" >
<select name="bundesland" size="1" onChange="this.form.submit();"> 
<option> blablablub</option>
</select>
</form>

ein Textfeld eingetragen.

Da diese Standartfelder jedoch nicht meinem Geschmack entsprechen möchte ich jetzt eine Grafik einbinden wobei beim Klick darauf sich ein Pull down menue öffnet.

Könnt ihr mir helfen und mir sagen wie ich das anfangen soll. habe von javascript keine ahnung!
 
Hallo,

du könnest das mit meinem Div machen das am Anfang unsichtbar ist und sobald man auf das Menü klickt wird das Div dann sichtbar. Dann kannst du auch Grafiken in den Hintergrund legen.

Ich hoffen ich habe deine Frage richtig verstanden!

Tobee
 
ja hast du Richtig verstanden. an ein div habe ich auch schon gedacht. ich weis nur nicht ob ich da ein Pull down menue ranhängen kann!
 
ja genau so etwas meinte ich!

nur das es ein selbstkreirtes Gif ist welches sich dann öffnet!
 
Zuletzt bearbeitet:
Hallo,

du musst einfach den Quellcode nach deinen Wünschen anpassen.

HTML: 
<HTML>
<HEAD>
<META NAME="Author" CONTENT="© T. Meinike 1999">
<TITLE>Ein Pull-Down-Menue mit etwas mehr DHTML</TITLE>
<STYLE TYPE="text/css">
<!--

A
{
Color: red;
Text-Decoration: none;
}

A:HOVER
{
Color: green;
Font-Weight: bolder;
}

.block
{
Width: 100px;
Height: 80px;
}

.unter
{
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 12px;
Position: relative;
Color: red;
Background-Color: yellow;
Visibility: hidden;
Width: 120px;
Text-Align: center;
Cursor: pointer;
}

.haupt
{
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 14px;
Font-Weight: bolder;
Position: relative;
Color: blue;
Background-Color: yellow;
Width: 120px;
Border-Bottom-Color: silver;
Border-Bottom-Width: 1px;
Border-Bottom-Style: solid;
Text-Align: center;
Cursor: w-resize;
}

-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--

function MenueAuf(Men)
{
  if(document.getElementById)
  {
    document.getElementById(Men).style.visibility="visible";
  }

  else if(document.all && !document.getElementById)
  {
    document.all[Men].style.visibility="visible";
  }
}

function MenueZu(Men)
{
  if(document.getElementById)
  {
    document.getElementById(Men).style.visibility="hidden";
  }

  else if(document.all && !document.getElementById)
  {
    document.all[Men].style.visibility="hidden";
  }
}

//-->
</SCRIPT>
<TITLE>Beispiel: DHTML-Menue</TITLE>
</HEAD>
<BODY>
<DIV CLASS="block">
  <DIV CLASS="haupt" OnMouseOver="MenueAuf('Menue')"
    OnMouseOut="MenueZu('Menue')">Hauptmenue</DIV>
  <DIV CLASS="unter" ID="Menue" OnMouseOver="MenueAuf('Menue')"
   OnMouseOut="MenueZu('Menue')">
   HIER KOMMT DEIN GIF TAG REIN ODER WAS DU MÖCHTEST
</DIV>
</DIV>
</BODY>
</HTML>

P.S.: Damit es keine Copyright Probleme gibt, dieses Skript habe ich auf http://www.styleassistant.de gefunden.


Tobee
 
muß doch noch mal eine frage stellen.

Wie kann ich in diesem script beim klick auf einen bestimmten wert an eine Variable übergeben.

mit <a href> des nämlich nicht. und mit formularen ebenfals nicht!
 
Du könntest da GIF als Imagemap benutzen, und auf bestimmte Bereiche halt ein <area> legen, bei dessen onclick die Variable nach Gusto geändert wird.
 
naja es geht darum das ich die werte vorher aus der datenbank auslesen lasse.

Beim click auf den jeweiligen wert muß die id zurückgegeben werden, damit sich daraus die vollgende seite mit inhalten füllen kann.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück