Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
Autor |
Nachricht |
ShortY Mitglied
Angemeldet: 04.06.2004 Beiträge: 556 Wohnort: Herdorf Interessen: Glaube, MTB, klettern, Musik(hören und machen), Computer
|
Verfasst am: 25.10.2004, 17:23 Titel:
Java Script: Bild verändern bei Dropdown-Veräderung |
|
|
|
|
das folgende Tutorial beschreibt, wie man zB bei einer DropDown Länderauswahl kleine Flaggen daneben baut, die sich automatisch dem ausgewählten Land anpassen, ohne einen Seitenrefresh.
Das ganze basiert auf JavaScript und sieht aus, wie folgt:
Zitat: | <script language="JavaScript">
function land(filename)
{
if(filename != '') document.all['picturename'].src = 'http://server/folder/' + filename + '.fileendung zB gif / jpg';
}
</script>
<select onChange="land(this.options[this.selectedIndex].value);">
<option value="filename ohne Endung">Landname</option>
</select>
<img src="" alt="" name="picturename" /> |
spricht eigentlich für sich der source... bei Fragen einfach fragen
und eins hab ich auch hierbei gelernt... Syntaxhighlighter haben ein verdammt schweres leben |
|
Nach oben |
|
|
Outw!T Mitglied
Angemeldet: 22.10.2004 Beiträge: 32 Wohnort: 127.0.0.1 Interessen: PHP, MySQL, HTML, CSS, Java, JavaScript, C++, Pascal; Delphi
|
Verfasst am: 05.12.2004, 00:13 Titel:
|
|
|
|
|
hm javascript... <- net mein ding! schade.. aber javascript geht es net... aber javascript ist schei*** |
|
Nach oben |
|
|
ShortY Mitglied
Angemeldet: 04.06.2004 Beiträge: 556 Wohnort: Herdorf Interessen: Glaube, MTB, klettern, Musik(hören und machen), Computer
|
Verfasst am: 05.12.2004, 01:55 Titel:
|
|
|
|
|
ich bin auch kein freund von js... aber manchmal sind gewisse kentnisse sehr hilfreich |
|
Nach oben |
|
|
unex`9dots Administrator
Angemeldet: 02.08.2003 Beiträge: 1106 Wohnort: Karlsruhe Interessen: Coding, Segeln, Schwimmen, PC
|
Verfasst am: 05.12.2004, 04:58 Titel:
|
|
|
|
|
danke für das schöne Tutorial bzw den Code
Sowas kann denk ich jeder mal gebrauchen |
|
Nach oben |
|
|
nanos Mitglied
Angemeldet: 04.06.2004 Beiträge: 1752
|
Verfasst am: 05.12.2004, 13:00 Titel:
|
|
|
|
|
find auch, dass es ne nette funktion ist. schönes optisches addon |
|
Nach oben |
|
|
Dick3rl3 Mitglied
Angemeldet: 06.08.2004 Beiträge: 1923 Wohnort: Berlin Interessen: Webdesign, Musik
|
Verfasst am: 05.12.2004, 13:31 Titel:
|
|
|
|
|
O_O was macht das ding? ich check das nich ^^ |
|
Nach oben |
|
|
ShortY Mitglied
Angemeldet: 04.06.2004 Beiträge: 556 Wohnort: Herdorf Interessen: Glaube, MTB, klettern, Musik(hören und machen), Computer
|
Verfasst am: 05.12.2004, 13:36 Titel:
|
|
|
|
|
du hast ne dropdown also ein <select></select> mit lauter sprachen. neben der dropdown ist eine kleine flagge des entsprechenden landes, das gerade ausgewählt ist... und wenn du nun die dropdown veränderst verändert sich das bild, also die flagge automatisch ohne reload |
|
Nach oben |
|
|
Dick3rl3 Mitglied
Angemeldet: 06.08.2004 Beiträge: 1923 Wohnort: Berlin Interessen: Webdesign, Musik
|
Verfasst am: 05.12.2004, 13:36 Titel:
|
|
|
|
|
was isn dropdown ^^ |
|
Nach oben |
|
|
ShortY Mitglied
Angemeldet: 04.06.2004 Beiträge: 556 Wohnort: Herdorf Interessen: Glaube, MTB, klettern, Musik(hören und machen), Computer
|
Verfasst am: 05.12.2004, 13:40 Titel:
|
|
|
|
|
aber html kannst du schon?
<select>
<option>erste Auswahl</option>
<option>zweite Auswahl</option>
</select>
ist ein dorpdown
mit so nem teil kannst du zB hier im Forum beim posten Schriftfarbe und -Größe auswählen |
|
Nach oben |
|
|
elite Mitglied
Angemeldet: 20.07.2004 Beiträge: 1005
Interessen: Coding, DLRG, Radsport
|
Verfasst am: 05.12.2004, 16:56 Titel:
|
|
|
|
|
Jop schönes Dingen - aber leider ( soweit ich das bei mir mache ) nicht Firefox-tauglich... |
|
Nach oben |
|
|
ShortY Mitglied
Angemeldet: 04.06.2004 Beiträge: 556 Wohnort: Herdorf Interessen: Glaube, MTB, klettern, Musik(hören und machen), Computer
|
Verfasst am: 05.12.2004, 19:01 Titel:
|
|
|
|
|
dann probiers ma mit document.Formular statt document.all |
|
Nach oben |
|
|
elite Mitglied
Angemeldet: 20.07.2004 Beiträge: 1005
Interessen: Coding, DLRG, Radsport
|
Verfasst am: 29.12.2004, 13:36 Titel:
|
|
|
|
|
Okay ich hab da noch eine Frage zu, und ich denke dafür brauche ich keinen neuen Thread aufmachen.
Und zwar programmiere ich gerade eine Clanpage mit Community-Funktion. Jetzt hab ich die Profil-Funktion soweit fertig, bis auf das mit der Nationalität. Das select-Feld sieht so aus:
Code: | <select name="nationality" onChange="land(this.options[this.selectedIndex].value);" style="width: 65%">
<option value="none">-Not available-</option>
<option value="AF">Afghanistan</option>
<option value="AL">Albania</option>
<option value="AO">Angola</option>
<option value="AU">Australia</option>
<option value="AR">Argentinia</option>
<option value="AT">Austria</option>
usw. usw. RUNTER BIS
</select>
<img src="icons/flags/none.gif" alt="" name="picname">
|
So das funktiniert auch wunderbar! Jetzt drückt man auf speichern und der value-Wert wird in der Datenbank gespeichert! Nur jetzt die Frage:
Wie kriege ich das hin, dass beim nächsten Profil-Aufruf die gespeicherte Nationalität ausgewählt ist und die Flagge dazu entsprechend daneben ist?!
Ich hoffe ihr wisst was ich meine und könnt mir helfen! |
|
Nach oben |
|
|
unex`9dots Administrator
Angemeldet: 02.08.2003 Beiträge: 1106 Wohnort: Karlsruhe Interessen: Coding, Segeln, Schwimmen, PC
|
Verfasst am: 29.12.2004, 14:40 Titel:
|
|
|
|
|
Code: |
also zuerst einmal legst du eine daba tabelle an in der alle nationalitäten stehen also dateiname und was du sonst noch dazu brauchst. deine select box erstellst du dann durch auslesen der datenbank. Die Markierung des eingestellten Wertes entnimmst du bitte untenstehendem.
<?PHP
>>EINGESTELLTE NAVIGATION AUS DABA AUSLESEN z.b. in $nationalitaet<<
?>
<select name="nationality" onChange="land(this.options[this.selectedIndex].value);" style="width: 65%">
<?PHP
>>AUSLESEN DER NATIONALITÄTEN DIE ZUR VERFÜGUNG STEHEN<<
>>dabei kommt dann irgendwie sone while schleife zustande:
while(list($nation_id,$nation_name).........){
if($nation_id==$nationalitaet){
echo"<option SELECTED value=\"".$nation_id."\">".$nation_name."</option>";
}else{
echo"<option value=\"".$nation_id."\">".$nation_name."</option>";
}
}
?>
</select>
<img src="icons/flags/none.gif" alt="" name="picname"> |
|
|
Nach oben |
|
|
nanos Mitglied
Angemeldet: 04.06.2004 Beiträge: 1752
|
Verfasst am: 29.12.2004, 16:26 Titel:
|
|
|
|
|
da ist der uneX wieder in seinem element |
|
Nach oben |
|
|
ShortY Mitglied
Angemeldet: 04.06.2004 Beiträge: 556 Wohnort: Herdorf Interessen: Glaube, MTB, klettern, Musik(hören und machen), Computer
|
Verfasst am: 29.12.2004, 17:03 Titel:
|
|
|
|
|
das hätt ich jetzt auch noch geschafft... war aber zu langsam |
|
Nach oben |
|
|
|