übergeben, javascript Variablen/Eingabefelder wie "onsubmit" href link

id gerne ein Eingabefeld kann der Benutzer geben Sie einen Suchbegriff in das gereicht bekommt, um vielleicht eine javascript-Funktion, verbindet sich dann einige url-Segmente mit dem Suchbegriff erstellen einer vollständigen url. bisher wurde fein arbeiten ohne eine form um ihn herum, aber ich möchte hinzufügen: eine form auf, so dass Benutzer können einfach enter drücken anstatt Klick auf einen submit-button.

submit-button-code:

<a href="javascript: void(0)" onClick="this.href = i1 + document.getElementById('intranet').value + i3" target="_blank">
                    <div id="submit" class="out"
                        onMouseOver="document.getElementById('submit').className = 'over';"
                        onMouseOut="document.getElementById('submit').className = 'out';">
                        <span>Submit</span>
                    </div>
                </a>

fehlerhafte form/code-Eingabe:

<form action="" onSubmit="this.href = i1 + document.getElementById('intranet').value + i3; return false;" method="get" target="_blank">
                <input type="text" id="intranet" size="15" value="Search Intranet.."
                    onFocus="document.getElementById('intranet').value = ''"
                    onBlur="document.getElementById('intranet').value = 'Search Intranet..'" / >    
                </form>

möglich js-Funktion zum erstellen url:

<script language="javascript" type="text/javascript">
                    function urlGen(value)
                        {
                            var i1 = "seg1";
                            var i2 = document.getElementById('intranet').value;
                            var i3 = "seg2";

                            var fullURL = i1 + document.getElementById('intranet').value + i3;

                            return fullURL;
                        }
                </script>

InformationsquelleAutor jake | 2010-07-21

  1. 3

    Vielleicht so etwas wie:

    <form action="" onSubmit="urlGen(this);" method="get" target="_blank">
    <input type="text" id="intranet" size="15" value="Search Intranet.."
                 onFocus="this.value = ''"
                 onBlur="this.value = 'Search Intranet..'" / >    
</form>

function urlGen(f){
   var i1 = 'urlSeg1';
   var i2 = f.intranet.value;
   var i3 = 'urlSef';
   f.action = i1 + i2 + i3;
   return true;
}
    dies zu tun stellt die richtige Seite, aber der Suchbegriff wird nicht Durchlaufen

    InformationsquelleAutor Satyajit

  2. 3

    Form das "onSubmit" - event, wo setzen Sie die entsprechenden Daten in das intranet input - diese änderung nicht.href (form hat nicht diese Eigenschaft). Denken Sie jedoch daran, dass JavaScript deaktiviert werden kann auf der Seite des Kunden. Betrachten Sie legen auch versteckte Eingänge in die form für i1 und i2 und die ganze Kombination, die Logik auf der server-Seite.

    <form action="" onSubmit="urlGen()">
...
</form>

<script language="javascript" type="text/javascript">
                    function urlGen()
                        {


                            var i1 = "urlSeg1";
                            var i2 = document.getElementById('intranet').value;
                            var i3 = "urlSef2";

                            document.getElementById('intranet').value = i1 + i2 + i3;


                        }
                </script>

    InformationsquelleAutor dmitko

  3. 0

    sollte auch beachten, dass dies für ein sidebar gadget und muss nur auf Arbeit mit ie und client - /server-Grenzen gleich null ist. versucht diese beiden Methoden (ich glaube - immer noch ein Anfänger), aber alles, was passiert, wenn ich drücken Sie enter, wird die Seite neu geladen (target="_blank" öffnet neue Seite).

    id wie zu tun, Weg mit dem submit-button-Bereich voll und ganz, aber es ist funktionell, und ohne die form-tags.

    was habe ich jetzt:

    <div id="row2">

                <script language="javascript" type="text/javascript">
                    function urlGen(f)
                        {
                            var i1 = "seg1";
                            var i2 = f.intranet.value;
                            var i3 = "seg2";

                            var fullURL = i1 + i2 + i3;
                            f.action = i1 + i2 + i3;

                            return true;
                        }
                </script>

                <!-- Intranet Search -->
                <form action="" onSubmit="urlGen(this)" method="post" target="_blank">
                <input type="text" id="intranet" size="15" value="Search Intranet.."
                    onFocus="this.value = ''"
                    onBlur="this.value = 'Search Intranet..'" / >   
                </form>

            <br><br>

                <a href="javascript: void(0)" onClick="this.href = i1 + document.getElementById('intranet').value + i3" target="_blank">
                    <div id="submit" class="out"
                        onMouseOver="document.getElementById('submit').className = 'over';"
                        onMouseOut="document.getElementById('submit').className = 'out';">
                        <span>Submit</span>
                    </div>
                </a>
            </div>

    InformationsquelleAutor jake

Schreibe einen Kommentar