Drop down menu

energun

findet sich zurecht

Beiträge: 144

Geschlecht: Männlich

PHPKIT Version: 1.6.1

1

Sonntag, 20. April 2008, 21:03

Ich mal wieder, :rolleyes:

wie man im Bild sieht habe ich die AdminTemplates ein bissl bearbeitet um ein paar Infos darunter zubekommen es stehen noch mehr drunter nur habe ich die weggeschnitten wegen der Größe des Bildes. Mein eigentliches Anliegen wäre ein Drop down menü, dieses sollte sich dort befinden wo der rote Balken sich befindet. Es geht hier nur um die Quellenangaben. Es soll also so sein das wenn ich das Menü bediene ich mir eine Quelle aussuche dann GO klicke und sie automatisch ins rechte Feld eingetragen wird. Also so ähnlich wir hier zusehen ist. Bei Demo schauen.

Wer weiß also wie man sowas verbaut?

Gruss

»energun« hat folgende Datei angehängt:

auswahl.gif (12,43 kB - 66 mal heruntergeladen - zuletzt: 19. Februar 2011, 13:19)

philosapiens

Hilfologe

Beiträge: 657

Geschlecht: Männlich

Wohnort: Berlin

PHPKIT Version: 1.6.1

2

Montag, 21. April 2008, 11:09

Hi,

erstmal echt coole Idee! Aber die Umsetzung ist nicht ganz so einfach.

Ich poste einfach mal, was ich gefunden habe:

http://forum.de.selfhtml.org/?t=170045&m=1111012

Daraus ergibt sich folgender Lösungsansatz:

Quellcode

<!doctype html public "-//w3c//dtd html 4.0//en" 
       "http://www.w3.org/tr/rec-html40/strict.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Combobox</title> 
<script type="text/javascript"> 
function comboBox(el) 
{ 
    var val = el.options[el.selectedIndex].value; 
    if(!val) 
    { 
         var input = document.createElement('input'); 
         el.parentNode.appendChild( input ); 
         el.style.display = 'none'; 
         input.onblur = function() 
         { 
              var new_val = input.value; 
              el.style.display = ''; 
              el.parentNode.removeChild( input ); 
              if(new_val) 
              { 
                  var o = new Option(new_val, new_val); 
                  var l = el.options.length; 
                  var tmp = el.options[l - 1]; 
                  el.options[l -1] = o; 
                  el.options[l] = tmp; 
                  el.selectedIndex = l - 1; 
              } 
         }; 
    } 
} 
</script> 
</head> 

<body> 
<form action="#"> 

 <tr>
  <td class="left">Quelle<br />
  	<font class="small">Vollst&auml;ndige URL oder mit BB-Code formatierter Link.</font></td>
  <td class="right">
	<select name="cont_altdat" size="1" class="w90" onchange="comboBox(this);"> 
    <option value="1">[url=http://cod.esgnserver2.de][red]CoD-Infobase[/red][/url]</option> 
    <option value="2">[url=http://www.esl.eu/de][red]esl.eu[/red][/url]</option> 
    <option value="3">[url=http://cod-prison.net][red]CoD-Prison[/red][/url]</option> 
    <option value="4">[url=http://www.blackmonkeys.de/][red]blackmonkeys.de[/red][/url]</option>     
    <option value="">&lt;Neuer Eintrag&gt;</option> 
</select> </td>
 </tr>
</form> 
</body> 
</html>

Aber ACHTUNG! Alles ungetestet. Mache also bitte vorher ein Backup!

Um das ganze in das kit zu integrieren würde ich die admin/templates/content/compose_step3_2.htm wie folgt umschreiben:

Quellcode

<form action="#"> 

 <tr>
  <td class="left">Quelle<br />
  	<font class="small">Vollst&auml;ndige URL oder mit BB-Code formatierter Link.</font></td>
  <td class="right">
	<select name="cont_altdat" size="1" class="w90" onchange="comboBox(this);"> 
    <option value="1">[url=http://cod.esgnserver2.de][red]CoD-Infobase[/red][/url]</option> 
    <option value="2">[url=http://www.esl.eu/de][red]esl.eu[/red][/url]</option> 
    <option value="3">[url=http://cod-prison.net][red]CoD-Prison[/red][/url]</option> 
    <option value="4">[url=http://www.blackmonkeys.de/][red]blackmonkeys.de[/red][/url]</option>     
    <option value="">&lt;Neuer Eintrag&gt;</option> 
</select> </td>
 </tr>
</form>

und folgendes in die admin/templates/site.htm direkt über </head> schreiben:

Quellcode

<script type="text/javascript"> 
function comboBox(el) 
{ 
    var val = el.options[el.selectedIndex].value; 
    if(!val) 
    { 
         var input = document.createElement('input'); 
         el.parentNode.appendChild( input ); 
         el.style.display = 'none'; 
         input.onblur = function() 
         { 
              var new_val = input.value; 
              el.style.display = ''; 
              el.parentNode.removeChild( input ); 
              if(new_val) 
              { 
                  var o = new Option(new_val, new_val); 
                  var l = el.options.length; 
                  var tmp = el.options[l - 1]; 
                  el.options[l -1] = o; 
                  el.options[l] = tmp; 
                  el.selectedIndex = l - 1; 
              } 
         }; 
    } 
} 
</script>

Ob das wohl gut geht?

Leider nutze ich das phpkit immer weniger und bastele mehr Eigenes:

energun

findet sich zurecht

Beiträge: 144

Geschlecht: Männlich

PHPKIT Version: 1.6.1

3

Montag, 21. April 2008, 11:37

Hi,

das ist schon mal die richtige Richtung Danke. Die Auswahl funktioniert auch nur kann man nicht mehr speichern.

EDIT:

auch wenn man Neuer Eintrag klickt wird das Eingabefeld auf einmal kleiner.

philosapiens

Hilfologe

Beiträge: 657

Geschlecht: Männlich

Wohnort: Berlin

PHPKIT Version: 1.6.1

4

Montag, 21. April 2008, 12:28

Hi,

erstze mal bitte die admin/templates/content/compose_step3_2.htm mit folgendem:

Quellcode

 <tr>
  <td class="left">Quelle<br />
  	<font class="small">Vollst&auml;ndige URL oder mit BB-Code formatierter Link.</font></td>
  <td class="right">
	<select name="cont_altdat" size="1" class="w90" onchange="comboBox(this);"> 
    <option value="[url=http://cod.esgnserver2.de][red]CoD-Infobase[/red][/url]">CoD-Infobase</option> 
    <option value="[url=http://www.esl.eu/de][red]esl.eu[/red][/url]">esl.eu</option> 
    <option value="[url=http://cod-prison.net][red]CoD-Prison[/red][/url]">CoD-Prison</option> 
    <option value="[url=http://www.blackmonkeys.de/][red]blackmonkeys.de[/red][/url]">blackmonkeys.de</option>     
    <option value="">&lt;Neuer Eintrag&gt;</option> 
</select> </td>
 </tr>

Dann sollte das mit dem Speichern schon einmal funktionieren.

Leider nutze ich das phpkit immer weniger und bastele mehr Eigenes:

energun

findet sich zurecht

Beiträge: 144

Geschlecht: Männlich

PHPKIT Version: 1.6.1

5

Montag, 21. April 2008, 12:47

Das speichern funktioniert und auch die Ausgabe im Feld selber schaut echt geil aus. :thumbup:

Nur eine Kleinigkeit wäre noch..

a.) wenn ich im Auswahlfeld "Neuer Eintrag" wähle komme ich nicht zurück zu den anderen Auswahlfeldern, ich müsste also erst speichern dann editieren

b.) nehme ich als Quelle "esl.eu" klicke dann auf speichern und gehe dann auf editieren steht immer "CoD-Infobase" da also nicht das was ich eigentlich zuvor ausgewählt habe

Das wäre so das was ich noch ganz gut finden würde, ansonsten echt N1

philosapiens

Hilfologe

Beiträge: 657

Geschlecht: Männlich

Wohnort: Berlin

PHPKIT Version: 1.6.1

6

Montag, 21. April 2008, 14:34

Hi,

das zu ändern entzieht sich leider meinen Kenntnissen. Aber ich habe da einen Trick für Dich:

Gebe mal bei <Neuer Eintrag> etwas ein und klicke danach rechts neben die Eingabe "ins Freie" so zu sagen. Dann erscheint bei mir dieser neue Eintrag mit dem Dropdown-Pfeil und dieser Neue Eintrag wird sogar wählbar für diesen Beitrag. Würde Dir das soweit genügen?

Leider nutze ich das phpkit immer weniger und bastele mehr Eigenes:

energun

findet sich zurecht

Beiträge: 144

Geschlecht: Männlich

PHPKIT Version: 1.6.1

7

Montag, 21. April 2008, 15:03

Das habe ich garnit gesehen :whistling:

das würde natürlich reichen und ich werde ja auch noch Quellen hinzufügen sodas man neuer Eintrag nit so oft brauchen wird.

Dann sag ich also mal ganz lieb Danke für deine Mühen. DANKE :thumbsup:

General5274

unregistriert

8

Donnerstag, 12. Juni 2008, 10:15

Hallo Leute,
ich hoffe das es hier her passt mein Problem, wenn nicht Bitte ich euch es zu verschieben.
es geht um vollgendes. Ich habe bei uns auf der Seite (www.europlanet .de ) ein Dropdown Menü eingefügt. Funktioniert mit Firefox alles perfekt. Nur das Problem ist das wir zwei drei User haben die mit dem IE unterwegs sind

.
Das heißt also das ich in der Site.htm über <html> diese Einfügen muß:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
sieht so dann aus:

Quellcode

$register_info
<!doctype html public "-//w3c//dtd html 4.0//en"
   "http://www.w3.org/tr/rec-html40/strict.dtd"> 
<html>
<head>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen">

Jetzt funktioniert es auch mit dem IE, ABER der Firfox macht da nicht ganz mit. Er verschiebt die farbiege Useranzeige und ich weiß nicht warum. Ich sitzte jetzt schon 2 Tage drann und

weiss nicht mehr weiter.
Hier mal ein Screen wo man sieht wie er Moderator und Mitglied in eine Zeile drückt.

Kann mir jemand sagen woran das liegt und was ich da machen kann? Ich möchte ja schon das die User mit dem IE auch volle funktion haben.
Ich Danke euch schon mal im Vorraus.

mfG General5274

General5274

unregistriert

9

Samstag, 14. Juni 2008, 23:35

Hallo,
wollte nur sagen das ich den Fehler gefunden habe.
Ich habe im Template " navigation - status_reguser.htm" hinter den Status immer ein </br> gehabt
und diese einfach mit <br> ersetzt und jetzt gehts.

mfG General5274

Drop down menu

Drop down menu

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Ähnliche Themen

Tagging