Geschafft!

Hinweis

Fehler

Session expiration Your session is going to expireClick here to extend

Budget:

Kleines Projekt <800

Geposted am

02.11.12 22:10

Kunde

rom***

Dieses Projekt wurde geschlossen

Schreiben Sie ein ähnliches Projekt aus. Unverbindlich. Kostenlos. Schnell.

Jetzt ähnliches Projekt einstellen

Beschreibung:

Hi,

ich suche für mein Suchfeld einen JavaScript Entwickler. Die Funktionen sollen mittels jQuery implementiert werden.

Im Anhang finden sich die Mockups, für ein besseres Verständnis der Beschreibung. Die URL zur Testseite gibt es auf Anfrage.

Das Suchfeld besteht auf drei Tabs. Je nachdem welcher Tab angeklickt ist, ändert sich das DropDown. Die ausgewählten Werte aus dem DropDown sollen in 2 HiddenFields gespeichert werden.

Hier die Werte:

1) Tab Wörterbuch

  • Hiddenfield "t": 1
  • Hiddenfield "l":
  • Deutsch-Kroatisch: Wert 1
  • Deutsch-Englisch: Wert 2
  • Kroatisch-Englisch: Wert 3

Anbei das HTML dazu:

<ul class="language-switch" style="top: 32px; left: 11px; display: none;">
	<li><a href="#"><span class="flag-de-hr">span><strong>Deutsch-Kroatischstrong>a>li>
	<li><a href="#"><span class="flag-de-en">span><strong>Deutsch-Englischstrong>a>li>
	<li><a href="#"><span class="flag-hr-en">span><strong>Englisch-Kroatischstrong>a>li>
ul>

2) Tab Konjugieren

  • Hiddenfield: "t": 2
  • Hiddenfield "l":
  • Deutsche Verben: Wert 1
  • Kroatische Verben: Wert 2
  • Englische Verben: Wert 3
  • Italienische Verben: Wert 4
  • Spanische Verben: Wert 5
  • Französische Verben: Wert 6

Anbei das HTML dazu:

<ul class="verbs-switch" style="top: 32px; left: 11px; display: none;">
	<li><a href="#"><span class="flag-hr">span><strong>Kroatische Verbenstrong>a>li>
	<li><a href="#"><span class="flag-de">span><strong>Deutsche Verbenstrong>a>li>
	<li><a href="#"><span class="flag-gb">span><strong>Englische Verbenstrong>a>li>
	<li><a href="#"><span class="flag-fr">span><strong>Französische Verbenstrong>a>li>
	<li><a href="#"><span class="flag-es">span><strong>Spanische Verbenstrong>a>li>
	<li><a href="#"><span class="flag-it">span><strong>Italienische Verbenstrong>a>li>
ul>

3) Tab Vokabelkarten

  • Hiddenfield: "t": 3
  • Hiddenfield "l": siehe Mockup

Das HTML muss dazu noch gemacht werden.

 

Weiteres:

  • Der Focus befindet sich auf dem Suchfeld "#s"
  • Wenn der Besucher außerhalb klickt, dann steht im Suchfeld "Wörterbuch durchsuchen"
  • Das erstellte Javascript bitte in den Browser IE6,7,8 FF3.6 und FF aktuelle Version testen