Forum PHP.pl

otóż mam takie pytanie.. czy moglibyście mi podać jakiś przykłąd albo stornke ( nie google ;D ) gdzie mógłbym otryzmać kod który stworzy ttakie coś..:

mam pole select w ktorym są nazwy krajów.. pod value="" każdej z opcji jest nazwa pliku.... i chciałbym aby jak wybiore jakąś opcje po prawej stornie pola selct pokazała się ta flaga danego kraju...

[HTML] pobierz, plaintext 
<select onchange="f(this)">
<option value="a.gif">a</option>
<option value="b.gif">b</option>
</select>
<img id="obraz" src="blang.gif" alt="" />
<script type="text/javascript">
function f(obj){
document.getElementById('obraz').src=obj.options[this.selectedIndex].value;
}
</script>
[HTML] pobierz, plaintext 

ostanie prośba.. po małej modyfikacji mam taką opcje:

[PHP] pobierz, plaintext 
<?php
<option value="afghanistan">Afganistan</option>
?>
[PHP] pobierz, plaintext 

i plik nazywa się flag_afghanistan.png i jest on w katalogu images/flags....

mógłbyś mi napisać na tym pryzkłądzie jktory podałeś jak to bedzie wyglądać?

bez kitu - troche inwencji

[HTML] pobierz, plaintext 
<select onchange="f(this)">
<option value="polska">polska</option>
<option value="armenia">armenia</option>
</select>
<img id="obraz" src="blank.gif" alt="" />
<script type="text/javascript">
function f(obj){
document.getElementById('obraz').src='images/flags/flag_'+obj.options[this.selectedIndex].value+'.png';
}
</script>
[HTML] pobierz, plaintext 

niestey nie działa... wybieram Kraj i niestety nie pokazuje danej flagi ( pliki są na serwerze )

do pliku odpowiedzialnego za pokazywanie skryptów JS dodaje takie coś:

[PHP] pobierz, plaintext 
<?php
<script>
function f(obj){
document.getElementById('obraz').src='images/flags/flag_'+obj.options[this.selectedIndex].value+'.png';
}
</script>
?>
[PHP] pobierz, plaintext 

i u mnie wygląda to tak:

[HTML] pobierz, plaintext 
<tr>
<td align="right" class="uni_01">Kraj Gospodarzy:</td>
<td align="left" class="uni_01">
<select name="flaga_gosp" onchange="f(this)">
<option value="-" selected>Wybierz Kraj</option>
<option value="afghanistan">Afganistan</option>
 
[...]
 
<option value="italy">Włochy</option>
</select><img id="obraz" src="blank.gif" alt="" />
</td>
</tr>
[HTML] pobierz, plaintext 

i LYPA..

Ten post edytował fredzio90 29.04.2007, 17:22:06

spróbuj dodać / pzed images/flags/

to samo

Nie:


Tylko:



W FireFoxie jest bardzo fajne rzecz: Narzędzia -> Konsola Błędów. Usuwasz z niej stare wpisy, wchodzisz na swoją stronkę i sprawdzasz, jakie błędy wyrzuciło.

zgadza sie - moje niedopatrzenie - pisane z kija więc...

a co do FF to są lepsze narzędzia niż konsola błędów

Ten post edytował devnul 29.04.2007, 19:20:07

działa dziękuje wam

ostatnie pytanie.. jak WYRÓWNAĆ obrazek z listą.... mój kodzik:

[HTML] pobierz, plaintext 
<tr>
<td align="right" class="uni_01">Kraj Gospodarzy:</td>
<td align="left" class="uni_01">
<select name="flaga_gosp" onchange="f(this)">
<option value="-" selected>Wybierz Kraj</option>
<option value="afghanistan">Afganistan</option>
 
[...]
 
<option value="italy">Włochy</option>
</select><img id="obraz" src="blank.gif" height="20" width="20" alt="" />
</td>
</tr>
[HTML] pobierz, plaintext 

a efekt jest następujący



pomoze ktos?

iu mam jescze jeden problem.. ma 2 pola SELCT na jendej stronie i jak zaznacze w pierszym jakis kraj to w drugim jak wybiore nie pokazuje się obok ikonka....

i nic dziwnego

[HTML] pobierz, plaintext 
<img align="right" [ciach] />
[HTML] pobierz, plaintext 

to jedno a drugie

[HTML] pobierz, plaintext 
<select onchange="f(this,'obraz')">
<option value="polska">polska</option>
<option value="armenia">armenia</option>
</select>
<img id="obraz" src="blank.gif" alt="" />
<select onchange="f(this,'obraz2')">
<option value="polska">polska</option>
<option value="armenia">armenia</option>
</select>
<img id="obraz2" src="blank.gif" alt="" />
<script type="text/javascript">
function f(obj,im){
document.getElementById(im).src='images/flags/flag_'+obj.options[obj.selectedIndex].value+'.png';
}
</script>
[HTML] pobierz, plaintext 

dałem tak :

align="top"

i działa ;D

ale to drugie woogule sie nie zmienia...

Ten post edytował fredzio90 30.04.2007, 12:27:06

najwyrazniej cos zle robisz - bo powino dzialac

Prosże dam wszytsko tutaj...:

Pierwszy SELECT

[HTML] pobierz, plaintext 
<tr>
<td align="right" class="uni_01">Kraj Gospodarzy:</td>
<td align="left" class="uni_01">
<select name="flaga_gosp" onchange="f(this, 'obraz')">
<option value="-" selected>Wybierz Kraj</option>
<option value="afghanistan">Afganistan</option>
[...]
<option value="italy">Włochy</option>
</select> <img id="obraz" align="top" src="blank.gif" height="20" width="20" alt="" />
</td>
</tr>
[HTML] pobierz, plaintext 

Drugi SELECT

[HTML] pobierz, plaintext 
<tr>
<td align="right" class="uni_01">Kraj Gości:</td>
<td align="left" class="uni_01">
<select name="flaga_gosc" onchange="f(this, 'obraz2')">
<option value="-" selected>Wybierz Kraj</option>
<option value="afghanistan">Afganistan</option>
[...]
<option value="italy">Włochy</option>
</select> <img id="obraz2" align="top" src="blank.gif" height="20" width="20" alt="" />
</td>
</tr>
[HTML] pobierz, plaintext 

i dodanie do pliku odpowiedzialnego za pokazanie strony:

[HTML] pobierz, plaintext 
<script language="JavaScript">
function f(obj,im){
document.getElementById(im).src='images/flags/flag_'+obj.options[obj.selectedIndex].value+'.png';
}
 
</script>
[HTML] pobierz, plaintext 

i error:

[PHP] pobierz, plaintext 
<?php
Parse error: syntax error, unexpected T_STRING, expecting ',' or ';'
?>
[PHP] pobierz, plaintext 

w linijce:

[HTML] pobierz, plaintext 
<select name="flaga_gosp" onchange="f(this, 'obraz')">
[HTML] pobierz, plaintext 

HELP

Ten post edytował fredzio90 30.04.2007, 14:01:38

Błąd po Twojej stronie - nie po mojej. Sory Winetou - ale ktoś tu nie potrafi poradzic sobie z najprostszymi problemami. Najwyraźniej drukujesz to w php przez echo 'kod html ' a jakbyś nie zauważył to w tm kodzie który znajduje sie w podanej przez Ciebie linijce jest ' użyj \ przed ' i będzie ok.

Na przyszłość: troche inwencji własnej - błąd wywalony przez php nie może mieć nic wspólnego z JS/html (bezpośrednio)