search button in un frame diverso da text form

calcas2 · 24 Feb 2012

salve a tutti,
purtroppo non sono esperto in questo settore e solo da poco mi sto interessando perciò scusate se il mio linguaggio non è tecnico..spero possiate capirmi e aiutarmi!
Vorrei inserire un form text nella mia pagina e diversi search button (ognuno differente in una pagina diversa) che verranno questi ultimi visualizzati in un frame sottostante il form di scrittura a seconda della voce di menu che viene cliccata.
Allora ho pensato di fare così: il form text l'ho inserito nella pagina principale mentre il "bottone" e lo script javascript (che sarebbe un semplice function search window.open "http....."+document.search.query.value) nella bagina che verrà visualizzata nel frame sotto il text form.
Tuttavia facendo così e cliccando sul search button non mi legge quanto scritto nel text form...come posso fare?
forse nella pagina dove inserisco il semplice form devo fare un qualche riferimento alle funzioni javascript e ai bottoni inseriti nelle altre pagine? cioè come faccio a "collegare" i due aspetti e far si che quello che è scritto nel form sia recepito dal search button contenuto in un'altra pagina visualizzabile in un frame?
se in un'unica pagina inserisco sia il form che il semplice search button infatti non ci sono problemi e tutto funziona perfettamente ma io vorrei collocarli in due zone diverse come sopra detto.
spero di essere stato chiaro.
Scusate per la mia incompetenza e Grazie a tutti in anticipo

calcas2 · 24 Feb 2012

provo a spiegarmi meglio, prendiamo in considerazione questo semplice esempio:

HTML:

<script language="javascript">
<!--
function Esempio() {
var miaVariabile = document.nomeForm.nomeTextbox.value;
alert(miaVariabile);
}
//-->
</script>

<form name="nomeForm">
Inserisci un testo a tuo piacere
<input type="text" name="nomeTextbox">
<input type="button" value="Prova" onClick="Esempio()">
</form>

Ora questo genererebbe un campo di testo con il bottone "prova" al cui click si avrebbe la visualizzazione del messaggio di testo.
Supponendo di voler inserire il bottone "prova" in un iframe (e quindi separatamente dal campo di testo), come faccio affinchè cliccandoci richiami comunque la funzione che consente di visualizzare il testo scritto al di fuori dell'iframe?

alessandro1997 · 25 Feb 2012

Prova aggiungendo parent. davanti a document:

Codice:

alert(parent.document.nomeForm.nomeTextbox.value);

In questo caso, però, il codice Javascript deve trovarsi all'interno dell'iframe.

Vale2 · 25 Feb 2012

frame o iframe

Ciao,

nel messaggio #1 fai riferimento a un FRAME nel nessaggio #2 ad un IFRAME e non sono la stessa cosa.

Un iframe è una pagina inclusa un frame è un'altra cosa.

Specifica se la #1 o la #2 , hai una index (es) costruita a frame da almeno due pagine o una semplice pagina e vuoi usare l'iframe.

Vale.

Vale2 · 26 Feb 2012

Ciao,

javascript in pagina madre e button in IFRAME:

Codice:

<html>
<head>
<title>PROVA</title>
<script language="javascript">

function Esempio() {
var miaVariabile = document.nomeForm.nomeTextbox.value;
alert(miaVariabile);
}

</script>

</head>

<body>

<form name="nomeForm">
Inserisci un testo a tuo piacere
<input type="text" name="nomeTextbox">
</form>


<center>
<iframe src="tuo_iframe.html" width="450" height="300" scrolling="auto" frameborder="1"></iframe>
</center>

</body>
</html>

Nell'iframe metti:

Codice:

[B]<input type="button" value="Prova" onClick="javascript:parent.Esempio()">[/B]

Javascript e button nell'iframe, form e script nella pagina madre:

Codice:

<html>
<head>
     <title>Esempio</title>
<head>

<script language="javascript">

function Esempio() {
var miaVariabile = parent.document.nomeForm.nomeTextbox.value;
alert(miaVariabile);
}

</script>

</head>

      <div align="center">
        <br>
<input type="button" value="Prova" onClick="Esempio()">
        <br>
</div>
</body>
</html>

Nella pagina madre il form e l'inclusione dell'iframe

Codice:

<html>
<head>
<title>PROVA</title>
</head>
<body>
<form name="nomeForm">
Inserisci un testo a tuo piacere
<input type="text" name="nomeTextbox">
</form>


<center>
<iframe src="tuo_iframe.html" width="450" height="300" scrolling="auto" frameborder="1"></iframe>
</center>

</body>
</html>

Nell'iframe:

Codice:

[B]<input type="button" value="Prova" onClick="Esempio()">[/B]

Vale.

calcas2 · 27 Feb 2012

Vale2 ha scritto:

Ciao,

javascript in pagina madre e button in IFRAME:

Codice:

<html>
<head>
<title>PROVA</title>
<script language="javascript">

function Esempio() {
var miaVariabile = document.nomeForm.nomeTextbox.value;
alert(miaVariabile);
}

</script>

</head>

<body>

<form name="nomeForm">
Inserisci un testo a tuo piacere
<input type="text" name="nomeTextbox">
</form>


<center>
<iframe src="tuo_iframe.html" width="450" height="300" scrolling="auto" frameborder="1"></iframe>
</center>

</body>
</html>

Nell'iframe metti:

Codice:

[B]<input type="button" value="Prova" onClick="javascript:parent.Esempio()">[/B]

Javascript e button nell'iframe, form e script nella pagina madre:

Codice:

<html>
<head>
     <title>Esempio</title>
<head>

<script language="javascript">

function Esempio() {
var miaVariabile = parent.document.nomeForm.nomeTextbox.value;
alert(miaVariabile);
}

</script>

</head>

      <div align="center">
        <br>
<input type="button" value="Prova" onClick="Esempio()">
        <br>
</div>
</body>
</html>

Nella pagina madre il form e l'inclusione dell'iframe

Codice:

<html>
<head>
<title>PROVA</title>
</head>
<body>
<form name="nomeForm">
Inserisci un testo a tuo piacere
<input type="text" name="nomeTextbox">
</form>


<center>
<iframe src="tuo_iframe.html" width="450" height="300" scrolling="auto" frameborder="1"></iframe>
</center>

</body>
</html>

Nell'iframe:

Codice:

[B]<input type="button" value="Prova" onClick="Esempio()">[/B]

Vale.

grazie mille vale! si in effetti volevo dire iframe.
Grazie per la disponibilità

calcas2 · 29 Feb 2012

calcas2 ha scritto:
grazie mille vale! si in effetti volevo dire iframe.
Grazie per la disponibilità

mi dispiace ma purtroppo ho testato tutte le combinazioni ma non funziona....qualcun'altro sa aiutarmi?
grazie

Vale2 · 29 Feb 2012

calcas2 ha scritto:
mi dispiace ma purtroppo ho testato tutte le combinazioni ma non funziona....qualcun'altro sa aiutarmi?
grazie

Ciao,

metti l'esempio on-line, cosi vediamo cosa non funziona.

Valeria.

calcas2 · 29 Feb 2012

Vale2 ha scritto:
Ciao,

metti l'esempio on-line, cosi vediamo cosa non funziona.

Valeria.

il problema è questo: voglio inserire un semplice script di ricerca google più o meno così strutturato:

<script language="JavaScript" type="text/javascript">

</script>

con il seguente form:
<form name="search">
<input type="text" name="query" size=100 value="">
<input type="button" value="Search google" onClick="search_google()">
</form>

Ora, nel momento in cui inserisco il form nella pagina madre e lo script con il relativo bottone nell'iframe, succede che la funzione javascript non viene affatto letta e il bottone non funziona.
Ho provato varie soluzioni.
Forse dovrei usare getElementById per poter richiamare il testo inserito nel form? Onestamente ho provato pure in questo modo e almeno sono riuscito premendo il pulsante bottone ad accedere direttamente su google anche se, purtroppo, non legge quanto scritto nella text form.
Ripeto che il problema si pone solo inserendo l'iframe perche altrimenti funzionerebbe perfettamente quanto scritto sopra.
Grazie

max_400 · 1 Mar 2012

Invece del parent puoi usare il top

esempio
http://max400.netne.net/principale111.html

nella finestra principale il solito script

Codice:

<script language="javascript">

function Esempio() {
var miaVariabile = document.nomeForm.nomeTextbox.value;
alert(miaVariabile);
}

</script>

<form name="nomeForm">
Inserisci un testo a tuo piacere
<input type="text" name="nomeTextbox">

</form>

<iframe src="pagina-iframe.html" width="200" height="200"></iframe>

nell'iframe

Codice:

<input type="button" value="Prova" onClick="top.Esempio()">

Ps senza document ma direttamente top

a me funziona basta guardare l'esempio quindi deve fuonzionare anche a te.
http://max400.netne.net/principale111.html

au revoir...
Dr. Max_400

calcas2 · 1 Mar 2012

max_400 ha scritto:
esempio
http://max400.netne.net/principale111.html

nella finestra principale il solito script

Codice:

<script language="javascript"> function Esempio() { var miaVariabile = document.nomeForm.nomeTextbox.value; alert(miaVariabile); } </script> <form name="nomeForm"> Inserisci un testo a tuo piacere <input type="text" name="nomeTextbox"> </form> <iframe src="pagina-iframe.html" width="200" height="200"></iframe>

nell'iframe

Codice:

<input type="button" value="Prova" onClick="top.Esempio()">

Ps senza document ma direttamente top

a me funziona basta guardare l'esempio quindi deve fuonzionare anche a te.
http://max400.netne.net/principale111.html

au revoir...
Dr. Max_400

Grazie mille per il tuo supporto. Ho risolto! tuttavia avendo l'esigenza di inserire la funzione javascript anch'essa nell'iframe, ho applicato quanto mi hai detto risolvendo in questo modo:

nella pagina principale il solo
<form name="nomeForm">
Inserisci un testo a tuo piacere
<input type="text" name="nomeTextbox">

</form>
mentre nell'iframe

<script language="javascript">

function Esempio() {
var miaVariabile = top.document.nomeForm.nomeTextbox.value;
alert(miaVariabile);
}
<input type="button" value="Prova" onClick="Esempio()">
</script>

Grazie!

Cerca

Cerca

search button in un frame diverso da text form

calcas2

Nuovo Utente

calcas2

Nuovo Utente

alessandro1997

Utente Attivo

Vale2

Utente Attivo

Vale2

Utente Attivo

calcas2

Nuovo Utente

calcas2

Nuovo Utente

Vale2

Utente Attivo

calcas2

Nuovo Utente

max_400

Utente Attivo

calcas2

Nuovo Utente

Discussioni simili