Forum PHP.pl > Wybór wyszukiwarki

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Matt6

19.02.2015, 21:09:51

Dobry wieczór wszystkim.
Z pomocą znajomego, udało mi się zrobić skrypt, dzięki któremu mogę w polu wpisać interesujące mnie słowo oraz wybrać wyszukiwarkę, która mnie interesuje.
Testowo do listy wyszukiwarek dodałem trzy wyszukiwarki i wszystko działa. Wybieram np. Google, wpisuję frazę i naciskam OK. Wybieram Onet + fraza i OK.
Ale chciałbym, aby można było skorzystać ze wszystkich wyszukiwarek jednocześnie, wpisać frazę i dać OK.
Niestety nie potrafię tego zrobić. Jedyna możliwość, jaką udało mi się zrobić, to nowy odnośnik OK, który odwołuje się do innego skryptu, ale chciałbym zrezygnować z tej możliwości na rzecz wyboru wszystkich wyszukiwarek z listy. Wszystko wygląda następująco:

[HTML] pobierz, plaintext 
<script>
function myFunction() {
 
    var search = document.getElementById("szukajka").value;
    var x = document.getElementById("search").value;
	document.location = window.open(search + x);
	}
function myFunction123() {
 
    var search = document.getElementById("szukajka").value;
    var x = document.getElementById("search").value;
	document.location = window.open("http://szukaj.onet.pl/wyniki.html?qt=" + x);
	document.location = window.open("http://www.google.pl/search?hl=pl&source=hp&q=" + x);
	document.location = window.open("http://szukaj.wp.pl/szukaj.html?q=" + x);
	}
</script>
 
 
<form>
<input id="search" type="text" name="q">
<br>
<select id="szukajka" multiple="multiple">
        <option value="http://szukaj.onet.pl/wyniki.html?qt=">Onet</option>
        <option value="http://www.google.pl/search?hl=pl&source=hp&q=">Google</option>
        <option value="http://szukaj.wp.pl/szukaj.html?q=">WP</option>
        <option value="xyz">Wszystkie</option></option> // niestety to nie działa, nie wiem kompletnie jak to ugryźć
</select>
<button type="submit" onclick="myFunction()">OK</button>
<button type="submit" onclick="myFunction123()">OK2</button>
</form>
[HTML] pobierz, plaintext

Może ktoś pomóc?

Pozdrawiam.

kafowi

21.02.2015, 12:38:03

Źle do tego się zabrałeś. Użyłeś atrybutu multiple, a nawet z niego nie skorzystałeś.
Trzymając ctrl w polu wyboru można wybrać więcej niż jedną opcję (dzięki właśnie funkcji multiple, ale u ciebie nie była obsługiwana).

[HTML] pobierz, plaintext 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Formularz z przeglądarkami</title>
<script type="text/javascript">
function wyszukaj(){
	var wprowadzona_wartosc = document.formularz_przegladarka_wybor.tekst_wyszukiwania.value;
	if(document.formularz_przegladarka_wybor.wszystkie_przegladarki.checked == true){
		for(i=0;i<document.formularz_przegladarka_wybor.pole_wyboru.options.length;i++){
			window.open(document.formularz_przegladarka_wybor.pole_wyboru.options[i].value+wprowadzona_wartosc);
		}
	}
	else {
		for(i=0;i<document.formularz_przegladarka_wybor.pole_wyboru.options.length;i++){
			if(document.formularz_przegladarka_wybor.pole_wyboru.options[i].selected){
				window.open(document.formularz_przegladarka_wybor.pole_wyboru.options[i].value+wprowadzona_wartosc);
			}
		}
	}
};
</script>
</head>
 
<body>
<form name="formularz_przegladarka_wybor" action="index.html" method="get">
	<label>Wprowadź tekst do wyszukiwania: </label><input name="tekst_wyszukiwania" type="text" required><br>
	<label>Wybierz wyszukiwarke: </label> 
	<select name="pole_wyboru" multiple>
			<option value="http://szukaj.onet.pl/wyniki.html?qt=">Onet</option>
			<option value="http://www.google.pl/search?hl=pl&source=hp&q=">Google</option>
			<option value="http://szukaj.wp.pl/szukaj.html?q=">WP</option>
	</select><br>
	<label>Zaznacz, jeżeli chcesz skorzystać ze wszystkich: </label><input name="wszystkie_przegladarki" type="checkbox"><br>
	<input type="submit" onclick="wyszukaj()" value="Kliknij by wyszukać">
</form>
</body>
</html>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.