Browser probleempje..
Ik ben dus bezig met een Portal op te bouwen..
De bedoeling is dat het een portal gaat worden waarbij makkelijk in verschillende zoekmachines gezocht kan worden.
Na er zelf de nodige uurtjes in te hebben gestoken blijf ik steken bij het volgende probleem:
Alles werkt prima in Chrome en op m'n mobiel (iPhone) maar niet iedere browser blijkt er zin in te hebben (IE en firefox) en blijft haken op de pagina waar het volgende script ervoor zorgt dat de gebruiker doorverwezen word..
Quote:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<?php
switch ($_POST[seek]) {
case 'Google':
$keyword =($_POST[keyword]);
$url = "https://www.google.nl/search?q=" . $keyword;
header('Location: ' . $url);
break;
case 'Bing':
$keyword =($_POST[keyword]);
$url = "http://www.bing.com/search?q=" . $keyword;
header('Location: ' . $url);
break;
case 'Yahoo':
$keyword =($_POST[keyword]);
$url = "https://search.yahoo.com/search;?p=" . $keyword;
header('Location: ' . $url);
break;
case 'Youtube':
$keyword =($_POST[keyword]);
$url = "http://www.youtube.com/results?search_query=" . $keyword;
header('Location: ' . $url);
break;
case 'Wikipedia':
$keyword =($_POST[keyword]);
$url = "http://en.wikipedia.org/wiki/" . $keyword;
header('Location: ' . $url);
break;
case 'DuckDuckGo':
$keyword =($_POST[keyword]);
$url = "https://duckduckgo.com/?q=" . $keyword;
header('Location: ' . $url);
break;
case 'Twitter':
$keyword =($_POST[keyword]);
$url = "http://twitter.com/search?q=" . $keyword;
header('Location: ' . $url);
break;
}
?>
switch ($_POST[seek]) {
case 'Google':
$keyword =($_POST[keyword]);
$url = "https://www.google.nl/search?q=" . $keyword;
header('Location: ' . $url);
break;
case 'Bing':
$keyword =($_POST[keyword]);
$url = "http://www.bing.com/search?q=" . $keyword;
header('Location: ' . $url);
break;
case 'Yahoo':
$keyword =($_POST[keyword]);
$url = "https://search.yahoo.com/search;?p=" . $keyword;
header('Location: ' . $url);
break;
case 'Youtube':
$keyword =($_POST[keyword]);
$url = "http://www.youtube.com/results?search_query=" . $keyword;
header('Location: ' . $url);
break;
case 'Wikipedia':
$keyword =($_POST[keyword]);
$url = "http://en.wikipedia.org/wiki/" . $keyword;
header('Location: ' . $url);
break;
case 'DuckDuckGo':
$keyword =($_POST[keyword]);
$url = "https://duckduckgo.com/?q=" . $keyword;
header('Location: ' . $url);
break;
case 'Twitter':
$keyword =($_POST[keyword]);
$url = "http://twitter.com/search?q=" . $keyword;
header('Location: ' . $url);
break;
}
?>
Zie ik iets over het hoofd..? Beginners foutje?
Alvast bedankt voor de hulp, mijn dank is groot!
Dit is mijn form op de hoofdpagina:
Quote:
<div align="center"><form action="/seek/ "method="post">
<input class="input" type="text" size="28" maxlength="28" name="keyword" />
<br><br>
<br><br><input type="image" src="image/google.jpg" name="seek" value="Google">
<br><br><input type="image" src="image/bing.png" name="seek" value="Bing">
<br><br><input type="image" src="image/yahoo.png" name="seek" value="Yahoo">
<br><br><input type="image" src="image/youtube.png" name="seek" value="Youtube">
<br><br><input type="image" src="image/wikipedia.png" name="seek" value="Wikipedia">
<br><br><input type="image" src="image/duckduckgo.png" name="seek" value="DuckDuckGo">
<br><br><input type="image" src="image/twitter.png" name="seek" value="Twitter">
</form></div>
<input class="input" type="text" size="28" maxlength="28" name="keyword" />
<br><br>
<br><br><input type="image" src="image/google.jpg" name="seek" value="Google">
<br><br><input type="image" src="image/bing.png" name="seek" value="Bing">
<br><br><input type="image" src="image/yahoo.png" name="seek" value="Yahoo">
<br><br><input type="image" src="image/youtube.png" name="seek" value="Youtube">
<br><br><input type="image" src="image/wikipedia.png" name="seek" value="Wikipedia">
<br><br><input type="image" src="image/duckduckgo.png" name="seek" value="DuckDuckGo">
<br><br><input type="image" src="image/twitter.png" name="seek" value="Twitter">
</form></div>
Gewijzigd op 03/01/2015 19:45:23 door Jan Joosten
Code (php)
Misschien moet je een enctype mee geven?
Ik heb
Quote:
<form action="/seek/ "method="post">
Vervangen door..
Quote:
<form enctype="text/plain" action="/seek/ "method="post">
Oh, en dan werkt het bij Chrome ook niet meer..
Het probleem zit 'm dus in 't volgende..
Dat ik een afbeelding als submit button wil gebruiken..
En op deze manier..
<input type="image" src="image/google.jpg" name="seek" value="Google" alt="Google">
Werkt het niet want de value="Google" is niet toegestaan of word niet herkend :(
Heb me rotgezocht naar een manier om dit werkend te krijgen.
Ik wil dus een mooie afbeelding als submit button.
Iemand!?
Toevoeging op 03/01/2015 02:53:50:
Oke, een image mag dus geen value hebben maar het volgende zou mogelijk moeten zijn:
De submit afbeelding een unieke naam geven en deze 'naam' als 'value' te gebruiken!
Enige probleem is dat ik niet weet hoe ik dit moet vertalen naar php..
Oftewel, hoe weet mijn php script op welke afbeelding geklikt is?
Quote:
input type="image" src="image/google.jpg" name="Google" alt="Google">
naar >>
Quote:
Gewijzigd op 03/01/2015 02:55:50 door Jan Joosten
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<?php
// bij elke case
$keyword =$_POST['keyword']; // met enkele haakjes
switch ($_POST['seek']) {
case 'Google':
$url = "https://www.google.nl/search?q=" . $keyword;
break;
case 'Bing':
$url = "http://www.bing.com/search?q=" . $keyword;
break;
case 'Yahoo':
$url = "https://search.yahoo.com/search;?p=" . $keyword;
break;
case 'Youtube':
$url = "http://www.youtube.com/results?search_query=" . $keyword;
break;
case 'Wikipedia':
$url = "http://en.wikipedia.org/wiki/" . $keyword;
break;
case 'DuckDuckGo':
$url = "https://duckduckgo.com/?q=" . $keyword;
break;
case 'Twitter':
$url = "http://twitter.com/search?q=" . $keyword;
break;
}
// en dit had je ook overal hetzelfde:
header('Location: ' . $url);
?>
// bij elke case
$keyword =$_POST['keyword']; // met enkele haakjes
switch ($_POST['seek']) {
case 'Google':
$url = "https://www.google.nl/search?q=" . $keyword;
break;
case 'Bing':
$url = "http://www.bing.com/search?q=" . $keyword;
break;
case 'Yahoo':
$url = "https://search.yahoo.com/search;?p=" . $keyword;
break;
case 'Youtube':
$url = "http://www.youtube.com/results?search_query=" . $keyword;
break;
case 'Wikipedia':
$url = "http://en.wikipedia.org/wiki/" . $keyword;
break;
case 'DuckDuckGo':
$url = "https://duckduckgo.com/?q=" . $keyword;
break;
case 'Twitter':
$url = "http://twitter.com/search?q=" . $keyword;
break;
}
// en dit had je ook overal hetzelfde:
header('Location: ' . $url);
?>
Gewijzigd op 03/01/2015 07:01:20 door Eddy E
Code (php)
Merk op dat je nog moet controleren 1) of er een geldige zoekmachine is ingevoerd en 2) of er een zoekwoord is opgegeven.
mbt het aanwezige post-element:
if(isset($_POST['google'])) >> url google gebruiken
if(isset($_POST['bing'])) >> url naar bing
Ziet er zo uit:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div><form id="seek" action="/seek/" method="post">
<input type="text" size="28" maxlength="28" name="keyword">
<br><br>
<img id="Google" src="image/google.jpg" alt="Google">
</form></div>
<script>
window.onload = function() {
var form = document.getElementById("seek");
var Google = document.getElementById("Google");
Google.onclick = function() {
form.submit();
};
};
</script>
<input type="text" size="28" maxlength="28" name="keyword">
<br><br>
<img id="Google" src="image/google.jpg" alt="Google">
</form></div>
<script>
window.onload = function() {
var form = document.getElementById("seek");
var Google = document.getElementById("Google");
Google.onclick = function() {
form.submit();
};
};
</script>
Maar hoe zorg ik nu dat dit succesvol afgehandeld word in mijn php script?
Met de value tag in mijn image werkte het maar dat is niet de juiste oplossing..
Dus, als op Google geklikt word dat dit 'keyword' naar Google gestuurd word..
Heb nu nog steeds dit maar dan blijft het bij een witte pagina..
Code (php)
Gewijzigd op 03/01/2015 16:36:46 door Jan Joosten
Ivo P op 03/01/2015 16:35:58:
en wat voegt dat toe aan het gewone gebruik van een image als submit button?
Ik wil graag meerdere submit 'images' gebruiken en een image kan je geen value meegeven vandaar..
Ik had het werkend met 7 submit 'images' welke ik een value had gegeven maar dit werkt in de meeste browsers niet daarom probeer ik het op deze manier.
Dit werkt dus met het huidige php script maar alleen in Chrome en op mn mobiel
Code (php)
1
<input type="image" src="image/google.jpg" name="seek" value="Google" alt="Google">
Gewijzigd op 03/01/2015 16:53:09 door Jan Joosten
Code (php)
1
<input type ="submit" name="seek" value="google">
Of
Code (php)
1
<button type="submit" name="someName" value="someValue"><img src="someImage.png" alt="SomeAlternateText"></button>
Gewijzigd op 04/01/2015 09:06:07 door Mathias B