Webmaster - Cuadro de búsqueda me lleve a una pagina en especifico.

Cuadro de búsqueda me lleve a una pagina en especifico.

Publicado por camila (5 intervenciones) el 02/09/2020 07:37:20

Hola estoy creando una web pero estoy atorada en un cuadro de busqueda.... Uso DreamWeaver

Le estoy indicando a mi cuadro de busqueda que la palabra chango me lleve a una pagina en especifico q se llama changoleon.html
(si pongo alguna otra palabra no va a dejar hacer absolutamente nada).... lo que quiero hacer es que en ese mismo cuadro de busqueda ponga
otra palabra y esa otra palabra me lleve a otro html

Espero me ayuden por que no se que hacer y me urge por que es proyecto de escuela... les dejo el codigo de busqueda que tengo:

<input name="code" required class="form-control" id="id_code" form="buscar"

      placeholder="Numero de licencia o folio" list="1" pattern="chango" tabindex="1" title="1A2B3C4D" autocomplete="off" >

</div>

<div class=" col-md-3">

    <input type="submit" class="btn btn-success" form="buscar" formaction="changoleon.html" value="Buscar">

</div>

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 2

Val: 50

Cuadro de búsqueda me lleve a una pagina en especifico.

Publicado por joel (17 intervenciones) el 02/09/2020 08:34:29

Hola Camila, segun entiendo, esto que quieres hacer lo tienes que hacer con javascript...

No me queda muy claro lo que quieres hacer... por un lado dices: si pongo alguna otra palabra no va a dejar hacer absolutamente nada y por otro lado dices: ponga otra palabra y esa otra palabra me lleve a otro html

Si nos puedes comentar mas concretamente...

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

Cuadro de búsqueda me lleve a una pagina en especifico.

Publicado por camila (5 intervenciones) el 02/09/2020 22:08:09

amm noo se como explicarme :C !! mira subi la pagina a esta web q es http://amorybrujeria.com.mx/validacion.html ............... En el cuadro de busqueda si tu escribes cualquier cosa.. no te va aparecer nada no va a buscar!!! si en el cuadro de busqueda escribes la palabra changoleon, te va a llevar a otra web!!! Lo que yo quiero es !!! decirle al cuadro de texto que ponga otra palabra especifica o varias y me envie a sus respectivas paginas...... EJEMPLO: es busqueda pongo changoleon y me envia a changoleon.html..... pongo mama.... que me lleve a mama.html y asi susesivamente......... ESPERO SI ME ENTIENDAS ..... o pasame tu whats y te doy acceso a mi pc por teamviewer

Valora esta respuesta

Comentar

Pos: 2

Val: 50

Cuadro de búsqueda me lleve a una pagina en especifico.

Publicado por joel (17 intervenciones) el 03/09/2020 08:43:57

Creo que si que te he entendido Camila... haber si te sirve este ejemplo:

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf8">

</head>

<body>

    <form id="ir">

        <input type="text" name="palabra" id="palabra">

        <input type="submit" value="ir">

    </form>

</body>

</html>

<script>

const form=document.getElementById("ir");

form.addEventListener("submit", e => {

    const palabra=form.querySelector("input[name=palabra]").value;

    if (palabra) {

        form.action=palabra+".html";

    } else {

        e.preventDefault();

});

</script>

Valora esta respuesta

Comentar

Cuadro de búsqueda me lleve a una pagina en especifico.

Publicado por camila (5 intervenciones) el 03/09/2020 21:10:13

joel la vdd no me sirvio !!! para poder hacerlo estoy segura que es en esta parte

<div class=" col-md-6">

    <input name="code" class="form-control" id="id_code" form="buscar"

  placeholder="Numero de licencia o folio" list="1" pattern="mama" tabindex="1" title="folio" autocomplete="off" >

</div>

<div class=" col-md-3">

<input type="submit" class="btn btn-success" form="buscar" formaction="changoleon.html" value="Buscar">

en donde dice pattern="mama" ..... ahi se tendria q poner una segunda palabra y mas abajo en formaction="changoleon.html" ..... poner otro htm de la segunda palabra

Valora esta respuesta

Comentar

Pos: 2

Val: 50

Cuadro de búsqueda me lleve a una pagina en especifico.

Publicado por joel (17 intervenciones) el 03/09/2020 22:01:25

Ok, no te preocupes... no hay problema...

No acabo de entender porque tienes que poner el pattern... el usuario puede escribir lo que quieras, no?

Valora esta respuesta

Comentar

Cuadro de búsqueda me lleve a una pagina en especifico.

Publicado por camila (5 intervenciones) el 03/09/2020 22:33:57

Ammm no en el atributo pattern solo te deja poner en ese caso mama si tu escribes otra cosa no te deja !!!! entra en amorybrujeria.com.mx y en el buscador de licencias escribe lo q tu kieras y no te va a dejar !!! si escribes changoleon te va a mandar a una pagina,,,,,,,,,,,,, lo q yo kiero es q aparte de changoleon que ya tiene su link en el buscador por ejemplo ponga mama y me mande a otro link......

como si fuera una base de datos pero no me quiero yo meter en phpAdmin y eso se me hace mas complicado hacerla

Valora esta respuesta

Comentar

Cuadro de búsqueda me lleve a una pagina en especifico.

Publicado por camila (5 intervenciones) el 03/09/2020 23:05:40

oh hacer un cuadro de texto que al escribir una palabra en especifico (claro teniendo varios html ) nos envie al link correspondiente pero escribiendo en un cuadro de texto

Valora esta respuesta

Comentar

Pos: 2

Val: 50

Cuadro de búsqueda me lleve a una pagina en especifico.

Publicado por joel (17 intervenciones) el 04/09/2020 06:58:34

Ah, creo que te he entendido... tu quieres que pueda escribir un numero determinado de palabras, NO cualquier palabra, solo unas que tu decidas, cierto?

prueba así:

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf8">

</head>

<body>

    <form id="ir">

        <input type="text" name="palabra" id="palabra">

        <input type="submit" value="ir">

    </form>

</body>

</html>

<script>

const form=document.getElementById("ir");

const palabras=["mama", "changoleon"];

form.addEventListener("submit", e => {

    const palabra=form.querySelector("input[name=palabra]").value;

    if (palabras.indexOf(palabra)>=0) {

        form.action=palabra+".html";

    } else {

        e.preventDefault();

});

</script>

Te he añadido la linea 17 con el array de las palabras permitidas....

Valora esta respuesta

Comentar

Pos: 2

Val: 50

Utilizando pattern

Publicado por joel (17 intervenciones) el 04/09/2020 07:09:24

Aquí utilizando el pattern

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf8">

</head>

<body>

    <form id="ir">

        <input type="text" name="palabra" pattern="(mama)|(changoleon)" id="palabra">

        <input type="submit" value="ir">

    </form>

</body>

</html>

<script>

const form=document.getElementById("ir");

form.addEventListener("submit", e => {

    const palabra=form.querySelector("input[name=palabra]").value;

    form.action=palabra+".html";

});

</script>

Valora esta respuesta

Comentar

Como creo una cookie

Pasos para yo empezar a crear una tienda online?