Problem mit der ComboBox (SELECT und INPUT in einem Feld)

MikeH · 31. Januar 2007, 21:38

Hallo,

es gibt unter http://www.impulse030.de/projects/comboBox3/ ein javascript, das ziemlich genial innerhalb eines Eingabefeldes ein SELECT und ein INPUT vereint.

Obwohl ich es exakt nach der Vorgabe einsetze, wird bei mir kein Wert zurückgegeben.

<BODY onload="comboBox3('initiator',122)">

<select name="initiator">
<option>Hans</option>
<option>Walter</option>
<option>Emil</option>
</select>

Meine JS-Kenntnisse reichen leider ncht um den Code voll zu analysieren.

Vielleicht kann ja jemand helfen, Danke.

Baby Herman · 31. Januar 2007, 22:06

Wo findet man denn diese Anleitung, nach der du das gemacht hast?

MikeH · 31. Januar 2007, 22:11

* Usage:
* There are two ways to create a new comboBox:
* 1. If you simply want to add comboBox(es), add the following code to your BODY-onload:
* comboBox3('selectFieldName' [, widthPx]);
*
* 2. If you want to add comboBox(es) and you need the Object-Name(s) later,
* add the following code to your BODY-onload:
* myObj=new comboBox3Obj('myObj', 'selectFieldName' [, widthPx]);
* BoxInitiator=new comboBox3Obj('BoxInitiator', 'initiator')

*
* In both cases the 'widthPx'-Argument is optional. If not specified, the width of the
* original SELECT-Field is taken

Torben Brodt · 31. Januar 2007, 22:13

vor allem. Wo hast du die 122 her?
Auf der Homepage ist nur Folgendes beschrieben:

Implementation/Usage:

* Add the comboBox stylesheet-file (<1 KB) to the document HEAD
* Add the comboBox javascript-file (~10 KB) to the document HEAD
* Let's say you have a SELECT-Field named 'myInputVar' in your document, ...
then add this code to the document-BODY: onload="comboBox3('myInputVar')"

Baby Herman · 31. Januar 2007, 22:13

Du hast im head-Bereich auch den nötigen Script eingebunden, wie es auch im Beispiel getan wird?

@Baby Herman:
yep

MikeH · 31. Januar 2007, 22:16

Die 122 ist die Breite der comboBox, wie es in der Anleitung im Script dokumentiert ist.

Das in meiner Anfrage fehlende ; im body onload habe ich in meinem Code drin.

Baby Herman · 31. Januar 2007, 22:18

Dann zeig uns doch bitte mal deinen Quelltext. Am besten, wenn du ihn mal hochlädst, hier gepostet würde es aber auch schon reichen.

MikeH · 31. Januar 2007, 22:25

Gerne:

Erst die Definition im BODY mit drei comboBoxen:

PHP-Quellcode

<BODY BGCOLOR="<?php echo $farbe0; ?>" BACKGROUND="<?php echo $background; ?>" WIDTH="100%" onload="comboBox3('meeting',367); comboBox3('initiator',122); comboBox3('protokolant',122);">

Dann das Formular (hier nur für die mittlere comboBox):

Quellcode

<TD height="<?php echo $hoehe1; ?>" bgcolor="<?php echo $farbe0; ?>" width="15%">
<select name="initiator">
<?php
$befehl = "SELECT * FROM projectnames ORDER BY name";
$abfrage = mysql_query($befehl, $verbindung);
while ($ergebnis = mysql_fetch_array($abfrage))
{
?>
<option><?php echo $ergebnis[1]; ?></option>
<?php
}
?>
</select>
</TD>

Alles anzeigen

Und auf dieses echo bekomme ich keine Antwort, wohl aber auf alle anderen Formulareingaben, die keine comboBox sind:
echo $initiator;

Baby Herman · 31. Januar 2007, 22:41

Da fehlt der Headbereich mit dem eingebundenen Stylesheet und der JS-Datei.

MikeH · 31. Januar 2007, 22:45

Da steht alles richtig drin!

<link rel="stylesheet" type="text/css" href="include/comboBox3.css">
<script language=JavaScript src="comboBox3.js" type="text/javascript"></script>

Diese Zeilen stehen innerhalb des Headers!

Baby Herman · 31. Januar 2007, 22:53

Bin mir bei folgender Sache nicht ganz sicher, ob es hilft, würd das aber trotzdem mal ändern:

Quellcode

<script language="javascript" src="comboBox3.js" type="text/javascript"></script>

Ansonsten schon geprüft, ob beide Datein mit dem richtigen Pfad angegeben wurden bzw. unter diesem erreichbar sind?
Wie sieht es aus, wenn du nur eine Box einbindest und diese über das body-Tag onload aufrust? Passiert dann immer noch nichts? Ändert er das select-Feld bereits in ein input-Feld?
Benutzt du Firefox? Wenn ja, was spuckt die Fehler-Konsole aus?

MikeH · 31. Januar 2007, 23:02

Hi,

alle Deine Vorschläge habe ich bereits überprüft. Das Script funktioniert in meinem Formular wirklich super gut. Das Script hat den Vorzug, daß wenn an einer beliebigen Stelle bei der Einbindung, auch nur irgendetwas falsch ist, in dem Formular nur ein ganz normaler SELECT angezeigt wird. Ich schreibe schon seit ein paar Jahren, aber leider nur wenig mit js. Ich glaube, in dem script selbst muß ein kleiner Fehler beider Übergabe des value an den SELECT name passieren. Ich kann das aber leider nicht analysieren.

Schon mal Danke für Deine Hartnäckigkeit.

Baby Herman · 31. Januar 2007, 23:05

Kann man deinen Script mit bereits ausgewereten PHP irgendwo im Internet sehen? So kann ich mit den PHP-Schnippseln nur wenig anfangen.

MikeH · 31. Januar 2007, 23:13

Hi,

also mein Script ist nicht online (das ganze Projekt ist mittlerweile fast 500 K groß).

Aber ich glaube der Fehler liegt wirklich in den js, das man unter der url in meinem ersten Beitrag downloaden kann. Es ist sauber strukturiert und wer js etwas besser kennt, müsste es auf sofort nachvollziehen können.

Ich gehe jetzt raus und schaue morgen wieder rein.

Asta luego

Torben Brodt · 5. Februar 2007, 21:52

also da die Demo online funktioniert, wird der original Code schon funktionieren. Wenn der Code nach Einbindung bei dir nicht mehr funktioniert und du den kompletten Code nicht posten magst, denn checke deinen Code mal im HTML Validator unter validator.w3.org

Ansonsten findest du hier noch zwei ähnliche Ansätze:
* [coderwiki]HowTos/Ajax-Autocomplete-jQuery[/coderwiki]
* [coderwiki]HowTos/Ajax-Autocomplete-scriptaculous[/coderwiki]

MikeH · 8. Februar 2007, 17:09

Hi d0nUt,

Danke für den Tipp mit der funktionierenden Demo. Der Fehler liegt anscheinen doch nicht bei mir. Ich habe mal den Quellcode, den man downloaden kann mit dem Quellcode der Demo verglichen und da gibt es Unterschiede.

Werde nächste Woche weiter machen und das Ergebnis mitteilen.

Gruß Mike

P.S. Es ist nicht so, daß ich meinen Code nicht posten will, aber alles was in diesem Zusammenhang steht, habe ich hier schon dargestellt und diese Anwendung ist nur mit viel Aufwand öffentlich zu machen.

MikeH · 13. Februar 2007, 19:56

Hi zusammen,

hier ein kleines Script, mit dem ich die Funktionsweise der ComboBox teste:

Quellcode

<html>
<title>Test-Seite</title>
<head>
<link rel="stylesheet" type="text/css" href="comboBox3.css">
<script language="JavaScript" src="comboBox3.js" type="text/javascript"></script>
</head>
<BODY onLoad="comboBox3('test')">
<p>
<form name="neuertest" method="post" action="test.php">
<select name="test">
<option value="Hans">Hans</option>
<option value="Fritz">Fritz</option>
<option value="Sepp">Sepp</option>
</select>
<p>
<input type="submit" name="ok" value="ok" />
</form>
<?php
echo $test;
?>
</body>
</html>

Alles anzeigen

Dies funktioniert auch für den Fall, daß man eine OPTION tatsächlich auswählt. Man kann auch in das SELECT-Feld etwas hineinschreiben, dies wird aber nicht übergeben.
In dem downloadbaren css-File waren z.B. alle Objects mit falschem Namen angeben, es hat bei comboBox jeweils die 3 (comboBox3) gefehlt.

Da ich nicht in der Lage bin javascript selbst zu schreiben und ich keine andere Lösung für das Problem kenne, bin ich darauf angewiesen, den Fehler im Skript zu finden.

Vielleicht pakt ja jemand der sportliche Ehrgeiz, lohnen würde es sich.

Liebe Grüße
Mike

Torben Brodt · 13. Februar 2007, 21:18

warum nicht die autocompleter Tutorials aus dem Wiki.
Die funktionieren

Problem mit der ComboBox (SELECT und INPUT in einem Feld)

Problem mit der ComboBox (SELECT und INPUT in einem Feld)

Steht im script

PHP-Quellcode

Quellcode

Quellcode

Quellcode

Teilen

Benutzer online 1

Tags