[html]form target naar frame in nieuwe html

[borgdaville]

Hallo, ik ben aan het spelen met custom search van google.

Ik heb het zoekveld al helemaal aan de website aangepast. Alleen het target van het form wil niet.

Onderstaande code voegt het zoekgedeelte toe aan mijn website:

code:

                <form id="searchbox_003256280247139544048:bwsz3_axedg" action="http://www.google.com/cse" target="results">
                <input type="hidden" name="cx" value="003256280247139544048:bwsz3_axedg" />
                <td align="left" valign="bottom"><a href="#" onclick="document.forms[0].submit()">Zoeken</a></td>
                <td align="left" valign="bottom"><img src="images/transparant.gif" alt="" width="7" height="16" border="0"></td>
                <td align="left" valign="bottom"><input name="q" type="text" size="10" /></td>
                <td align="left" valign="bottom"><img src="images/transparant.gif" alt="" width="7" height="16" border="0"></td>
                <td align="left" valign="bottom"><a href="#" onclick="document.forms[0].submit()">&gt;</a></td>
                <input type="hidden" name="cof" value="FORID:0" />
                <input type="hidden" name="ie" value="utf-8" />
                <input type="hidden" name="oe" value="utf-8" />
                </form>

De resultaten gaan nu naar een heel nieuw venster omdat het target "results" niet bestaat.

Wat ik wil bereiken is dat de results gaan naar een nieuw te maken html pagina met een iframe. De google resultaten moeten dan in dat iframe van de nieuwe pagina komen.

Concreet wil ik dus targetten naar een frame op een andere pagina. Kan dit? En hoe?

[borgdaville]

een lief klein voorzichtig kickje, ik heb alles afgezocht kan niets vinden hierover. Ik vind het niet zo heel spannend wat ik wil.

[André]

Open eerst die nieuwe HTML pagina met dat frame en verstuur dan pas het formulier?

[borgdaville]

André schreef op woensdag 20 februari 2008 @ 11:34:
Open eerst die nieuwe HTML pagina met dat frame en verstuur dan pas het formulier?

mmm, je bedoelt bv. met PHP, dat ik de waarde van het zoekveld meegeef.

1. zoeken.php?zoekterm=test
2. het form hidden laten uitvoeren op zoeken.php met de opgegeven zoekterm

Dat is een optie die ik zeker ga bekijken.

Andere opties zijn ook nog welkom.

[ Voor 4% gewijzigd door borgdaville op 20-02-2008 11:46 ]

[borgdaville]

Ik heb het geïmplementeerd maar toch werkt het niet, hier is de code van de results pagina:

code:

Zoekterm: <?php echo $_POST["search"]; ?>.<p>

<form name="return" id="searchbox_003256280247139544048:bwsz3_axedg" action="http://www.google.com/cse" target="resultaat">
<input type="hidden" name="cx" value="003256280247139544048:bwsz3_axedg" />
<input type="hidden" name="q" value="<?php echo $_POST["search"]; ?>" />
<input type="hidden" name="cof" value="FORID:0" />
<input type="hidden" name="ie" value="utf-8" />
<input type="hidden" name="oe" value="utf-8" />
</form>

<script language="JavaScript" type="text/javascript">
document.return.submit();
</script>

<a href="index.html" target="resultaat">Test</a><p>

<IFRAME name="resultaat" width="500" height="500"></IFRAME>

1. De eerste regel doet checken of de zoekstring goed doorkomt.
2. Dan wordt de zoekstring met een hidden field in het form gezet
3. Het test linkje is om te testen of het iframe goed werkt, en dat is zo
4. Het javascript doet het form submitten
5. Het form is getarget naar het iframe "resulataten"

Maar toch wordt er een nieuwe venster geopend met de resultaten. Het form en het automatisch uitvoeren werkt dus wel alleen komt het resultaat niet in het iframe.

Wie o wie weet wat ik fout doe of hoe het anders kan?

[borgdaville]

ik heb het anders gedaan en het werkt nu in Firefox:

Ik heb in de iframe een source gebruikt, zoeken1.php

Deze zoeken1.php submit het form direct zonder target, dus hij blijft in het frame.

Dit werkt perfect in Firefox, maar in Internet Explorer geeft hij een foutmelding met het submitten van het.

Submitten doe ik alsvolgt:

code:

<script language="JavaScript" type="text/javascript">
document.forms.return.submit();
</script>

De internet explorer fout is: Expected identifier

[borgdaville]

Ik ben er ondertussen achter dat ik het in Internet Explorer zo moet doen:
document.forms('return').submit();

En in firefox:
document.return.submit();

Toen bedacht ik de volgende browsercheck:

code:

<SCRIPT type="text/javascript" language="JavaScript"> 
if(navigator.appName == "Netscape")
{
document.return.submit();
}
if(navigator.appName == "Microsoft Internet Explorer")
{
document.forms('return').submit();
}
</script>

Maar nog steeds valt internet Explorer over de "document.return.submit();" ook al zou die daar niet hoeven te komen ivm de if.

Als ik in Internet explorer dit run:

code:

<SCRIPT type="text/javascript" language="JavaScript"> 
if(navigator.appName == "Microsoft Internet Explorer")
{
document.forms('return').submit();
}
</script>

gaat het goed

ALs ik in Firefox dit run:

code:

<SCRIPT type="text/javascript" language="JavaScript"> 
if(navigator.appName == "Netscape")
{
document.return.submit();
}
</script>

gaat het ook goed, dus de browsercheck werkt wel!

Wie o wie weet een simpele Firefox/IE detectie scriptje waar Internet Explorer niet over valt.

[borgdaville]

klein maandagochtend kickje, nieuwe week, nieuwe kansen?

[borgdaville]

en nog een schop!

mijn vragen:
1. waarom werkt dat scriptje van mij niet?
2. hoe zou ik dat anders kunnen oplossen?

[Bosmonster]

je zit te prutsen

formulieren spreek je aan in de document.forms array, dus middels:

code:

document.forms['return'].submit();

werkt in alle browsers. Of je geeft hem een ID en gebruikt getElementById().

Je hebt echt geen browserdetectie script nodig om een form aan te spreken

[ Voor 15% gewijzigd door Bosmonster op 26-02-2008 10:47 ]

[borgdaville]

Bosmonster schreef op dinsdag 26 februari 2008 @ 10:47:
je zit te prutsen

formulieren spreek je aan in de document.forms array, dus middels:

code:

document.forms['return'].submit();

werkt in alle browsers. Of je geeft hem een ID en gebruikt getElementById().

Je hebt echt geen browserdetectie script nodig om een form aan te spreken

jij bent geweldig, bedankt! Ik weet niet waarom ik zo moeilijk zat te doen.

Het resultaat: http://www.rialtosoft.nl/test/

[ Voor 4% gewijzigd door borgdaville op 26-02-2008 14:02 ]

[increddibelly]

dank voor de tip, ik liep hier ook tegenaan.

[André]