FAQs JavaScript

KarlanKas · #91 (**permalink**) 14/01/2003, 04:54

P.- ¿Cómo puedo redireccionar una página a otra pasados unos segundos?
R.- Con este código:

Código PHP:

  <html>

<head>

 
</head>

 
<body style="font:bold 10px/15px verdana;color:navy">

<script>

//Script original de KarlanKas para forosdelweb.com

 
 
var segundos=3

var direccion='http://www.webareyou.com'

var mensaje="Nos hemos trasladado."

 
milisegundos=segundos*1000

window.setTimeout("window.location.replace(direccion);",milisegundos);

document.write(mensaje+"  Si pasados "+segundos+ " segundos no es redireccionado pinche <a href='"+direccion+"'>aquí</a>.");

</script>

 
</body>

</html>

haven · #92 (**permalink**) 14/01/2003, 16:42

P: Impedir que seleccionen mas de dos checkbox en un formulario

R:

Código PHP:

   
<script>

 
function countChoices(obj) {

max = 1; // max. number allowed at a time

 
a = obj.form.PollVote1.checked; // your checkboxes here

b = obj.form.PollVote2.checked;

 
// add more if necessary

 
count = (a ? 1 : 0) + (b ? 1 : 0);

// If you have more checkboxes on your form

// add more (box_ ? 1 : 0) 's separated by '+'

 
if (count > max) {

alert("Atencion! Solo puede seleccionar " + max + " opcion! \Quite una de ellas si quiere seleccionar otra.");

obj.checked = false;

}

}

 
 
</script>

 
Y el campo checkbox es de la forma

 
<form name="form">

 
<input type="checkbox" value="1" name="PollVote1" onClick="countChoices(this)">

 
<input type="checkbox" value="2" name="PollVote2" onClick="countChoices(this)">

 
<form>

 
Si tienes los campos de esta forma (gracias tunait):

 
<form name="form">

 
<input type="checkbox" value="1" name="PollVote" onClick="countChoices(this)">

 
<input type="checkbox" value="2" name="PollVote" onClick="countChoices(this)">

 
<form>

 
 
deberás poner:

 
a = obj.form.PollVote[1].checked; // your checkboxes here

b = obj.form.PollVote[2].checked;

Un saludo

DanielRey · #93 (**permalink**) 15/01/2003, 14:55

P: Copiar el texto que se ha seleccionado en la página.

R:

Código:

<!-- TWO STEPS TO INSTALL COPY SELECTED TEXT:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original:  Raul Macias ([email protected] ) -->
<!-- Web Site:  http://members.cox.net/raulhmacias/ -->
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function copyit(theField) {
	var selectedText = document.selection;
	if (selectedText.type == 'Text') {
		var newRange = selectedText.createRange();
		theField.focus();
		theField.value = newRange.text;
	} else {
		alert('select a text in the page and then press this button');
	}
}
//  End -->
</script>

</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<BODY>

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original:  Raul Macias ([email protected] ) -->
<!-- Web Site:  http://members.cox.net/raulhmacias/ -->
<form name="it">

<p>This script allows you to select text on a web page and then copy it into a text box. Neat!</p>
<div align="center">
<input onclick="copyit(this.form.select1)" type="button" value="Press to copy the highlighted text" name="btnCopy">
<p>
<textarea name="select1" rows="4" cols="45"></textarea>
</div>
</form>

<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

<!-- Script Size:  1.69 KB -->

Kaopectate · #94 (**permalink**) 29/01/2003, 22:17

P: ¿Como puedo saber el tipo de navegador y la versión del mismo?

R: [ver ejemplo]

La función getBrowserName() retornará uno de los siguientes valores:
- ie = Internet Explorer
- ns = Netscape
- op = Opera
- mo = Mozilla

La función getBrowserVersion() retornará la versión del navegador correspondiente.

Código PHP:

  <html>

 <head>

  <script LANGUAGE="JavaScript">

 
   var sBrowser;

   var sVersion;

 
   function setBrowserType(){

    var aBrowFull = new Array("opera", "msie", "netscape", "gecko", "mozilla");

    var aBrowVers = new Array("opera", "msie", "netscape", "rv",    "mozilla"   );

    var aBrowAbrv = new Array("op",    "ie",   "ns",       "mo",    "ns"   );

    var sInfo = navigator.userAgent.toLowerCase();;

 
    sBrowser = "";

    for (var i = 0; i < aBrowFull.length; i++){

     if ((sBrowser == "") && (sInfo.indexOf(aBrowFull[i]) != -1)){

      sBrowser = aBrowAbrv[i];

      sVersion = String(parseFloat(sInfo.substr(sInfo.indexOf(aBrowVers[i]) + aBrowVers[i].length + 1)));

     }

    }

   }

 
   setBrowserType();

 
   function getBrowserName(){

    return sBrowser;

   }

 
   function getBrowserVersion(){

    return sVersion;

   }

 
  </script>

 </head>

 <body>

  <script language="JavaScript">

   setBrowserType();

   document.write("Browser: " + getBrowserName() + "<br>");

   document.write("Versión: " + getBrowserVersion() + "<br><br>" );

  </script>

 </body>

</html>

Por favor, cualquier observación sobre este script o cualquier reporte de uso, incluirlo en este mensaje.

epa2 · #95 (**permalink**) 30/01/2003, 02:41

95.- Buscador Web en mi sitio

P: ¿Como pongo un buscador Web en mi sitio?

R: Con este código.

Creditos: No me acuerdo de donde lo bajé pero ahí pongo el autor. / Script by Jari Aarniala [www.mbnet.fi/~foo -- [email protected]]

Ver ejemplo: Pulsa aqui pecadoooorr

NOTA: Si este script estuviese repe, favor de hacermelo saber. Gracias.

Código:

<body>
<tr>
    <td width="100%">
    <p align="center">&nbsp;</td>
</tr>
<tr>
    <td width="100%">&nbsp;</td>
  </tr>
  <tr>
    <td width="100%" style="text-indent: 0" height="19">
    <span lang="es"><script language="JavaScript">
<!--

//
// Script by Jari Aarniala [www.mbnet.fi/~foo -- [email protected]]
//
// This script makes it easy to choose with which search engine
// you`d like to search the net. You may use this if you keep this
// text here...
//

function startSearch(){
searchString = document.searchForm.searchText.value; 
if(searchString != ""){
searchEngine = document.searchForm.whichEngine.selectedIndex + 1;
finalSearchString = "";

if(searchEngine == 1){
finalSearchString = "http://www.altavista.digital.com/cgi-bin/query?pg=q&what=web&fmt=.&q=" + searchString;
}
if(searchEngine == 2){
finalSearchString = "http://av.yahoo.com/bin/query?p=" + searchString + "&hc=0&hs=0";
}
if(searchEngine == 3){
finalSearchString = "http://www.excite.com/search.gw?trace=a&search=" + searchString;
}
if(searchEngine == 4){
finalSearchString = "http://www.hotbot.com/?SW=web&SM=MC&MT=" + searchString + "&DC=10&DE=2&RG=NA&_v=2&act.search.x=89&act.search.y=7";
}
if(searchEngine == 5){
finalSearchString = "http://www.infoseek.com/Titles?qt=" + searchString + "&col=WW&sv=IS&lk=noframes&nh=10";
}
if(searchEngine == 6){
finalSearchString = "http://www.lycos.com/cgi-bin/pursuit?adv=%26adv%3B&cat=lycos&matchmode=and&query=" + searchString + "&x=45&y=11";
}
if(searchEngine == 7){
finalSearchString = "http://netfind.aol.com/search.gw?search=" + searchString + "&c=web&lk=excite_netfind_us&src=1";
}

location.href = finalSearchString;
}
}


// -->
    </script>

<basefont face="Verdana, Arial, sans-serif">

</span>

<form name="searchForm">

<div align="center">
  <center>

<table width=323 border="2" cellpadding=3 cellspacing=0 bgcolor=444444 style="border-collapse: collapse" bordercolor="#111111">

<tr>
<td bgcolor=lightblue width="148"><font size="1"><span lang="es">Buscar por:</span></font><font size=1 face="Verdana, Arial, sans-serif"><span lang="es"><br>

</span>
<td bgcolor=lightblue width="96"><font size="1"><span lang="es">Buscar desde:</span></font><span lang="es"><td bgcolor=lightblue width="90"> 

<tr>
<td bgcolor=navajowhite width="148">
<input style="background: dddddd" name="searchText" type="text" size="20">
<td bgcolor=navajowhite width="96">
<select style="background: dddddd" name="whichEngine">
<option selected>Altavista
<option>Yahoo!
<option>Excite
<option>Hotbot
<option>Infoseek
<option>Lycos
<option>AOL Netfind
</select>
<td bgcolor=navajowhite width="90">
<input type="button" value="Buscar " onClick="startSearch()">

</select>
</table>
  </center>
</div>
</form>

</span>&nbsp;</td>
  </tr>
</body>
</html>

JavierB · #96 (**permalink**) 31/01/2003, 11:40

96.- Quitar recuadro punteado de enlace

P: ¿Como puedo quitar el recuadro de puntos de un enlace activo?

R: Con este código.

Creditos: unKnown, con modificación de Caricatos para que funcione también en Netscape.

Código PHP:

  <html>

<head>

<script language="JavaScript">

    function prende() {

    anclas=document.getElementsByTagName("a").length;

    for (i=0;i<anclas;i++)

    document.getElementsByTagName("a").item(i).onfocus=new Function("if(this.blur)this.blur()")

    }

</script>

</head>

 
<body onLoad="prende()">

<a href="#">Enlace1</a> <a href="#">Enlace2</a> <a href="#">Enlace3</a> 

</body>

</html>

Kaopectate · #97 (**permalink**) 01/02/2003, 22:20

P: ¿Como puedo impedir que lean el código de mi página?

Créditos: itatpc

R: Independientemente de mi posición ante la idea de programar para que otros no lean, publico esta solución que sin lugar a dudas es una "pregunta frecuente". El hilo original fué publicado por itatpc y en él se discuten algunas posibilidades adicionales de seguridad.

Añadir esta línea en alguna parte de la cabecera:

Código PHP:

  <frame>

<noframes>

</frame>

</noframes>

NOTA: Yanix comenta lo siguiente:

Cita:

Recuerden que solamente sirve si graban la pagina como web page completa (la cual te graba los css, javascripts, etc).
Si le cambian el tipo al momento de guardarla a Web HTML only, ese snip no va a funcionar. (probado en IE 5.5)

KarlanKas · #98 (**permalink**) 05/02/2003, 03:25

P.-¿Cómo conseguir que no funcione el botón atrás del navegador?
R.- Con este código, que debes poner en la página anterior, por lo que sólo podrás evitar que vuelva atrás si la página anterior es tuya.

Código PHP:

  <script>

//Script original de KarlanKas para forosdelweb.com

 
// /////////////// EN EL HEAD ///////////////////

 
if (history.forward(1)){location.replace(history.forward(1))}

 
</script>

DanielRey · #99 (**permalink**) 05/02/2003, 06:45

Poner texto vertical, al revés, rotarlo, que vuele, lo que quieras.

Para ver el original:
http://www.24fun.com/downloadcenter/...extwheel2.html
No te lo pierdas!!! es alucinante.

Código PHP:

  <center>

<OBJECT ID="pepe"

 CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6"

 STYLE="position:relative; width:300px; height:200 px">

        <PARAM NAME="Line0001" VALUE="SetLineStyle(1)">

        <PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">

    <PARAM NAME="Line0003" VALUE="SetFillColor(255,128,0)">

    <PARAM NAME="Line0004" VALUE="SetFont('Arial', 20, 0, 0, 1, 0)">

    <PARAM NAME="Line0005" VALUE="Text('Foros del Web', 0, 0, 0)">

    </OBJECT>

<script>

function eje1() {

  pepe.Rotate(15, 0, 0);

}

 
function eje2() {

  pepe.Rotate(0, 15, 0);

}

 
function eje3() {

  pepe.Rotate(0, 0, 15);

}

</script>

<input type=button onClick=eje1(); value="eje 1">

<input type=button onClick=eje2(); value="eje 2">

<input type=button onClick=eje3(); value="eje 3">

<!--

SetLineStyle(valor)

valor=0 => Sin línea de contorno de texto.

valor=1 => Línea continua

valor=2 => Linea discontinua

 
SetLineColor(R, G, B)

Intensidad del color (R=rojo, G=verde, B=azul)

de 0 a 255 de la linea de contorno de texto.

 
SetFillColor(R, G, B)

Intensidad del color (R=rojo, G=verde, B=azul)

del relleno del texto

 
SetFont('font', Tam, B, It, Sub, Tach)

font: Arial, Verdana, etcétera

Tam: El tamaño de la letra

B: 0=> Normal; 1=> Bold.

It: 0=> Normal; 1=> Itálica.

Sub: 0=> Normal; 1=> Subrayado

Tach: 0=> Normal; 1=> Tachado

 
Text('texto', H, V, R)

texto: El texto que se muestra

H: Posición horizontal inicial

V: Posición vertical inicial

R: Rotación plana inicial

-->

Kaopectate · #**100** (**permalink**) 06/02/2003, 09:31

P: ¿Que atributos puedo usar en el método open()?

R: El método open() tiene la siguiente sintaxis: [Ver wizard]

Código:

open(sURL, sNombre, sAtributos, bHistoria);

Donde:

sURL: Indica la dirección de la página a abrir.
sNombre: Nombre de la ventana (util para abrir una segunda dirección sobre la misma ventana.
sAtributos: Definidos posteriormente.
bHistoria: Si la nueva dirección se abre sobre una ventana existente, este indicador dice si debe o no añadirse al historial.

Lista de atributos utilizables en el método open (actualizada con indicadores de compatibilidad hasta NS-4 e IE-5).

Atributo: alwaysLowered (NS-4)
Valor: Se usa sin igualarlo a ningún valor
Notas: Indica que la ventana debería permanecer siempre al final de la pila de ventanas.

Atributo: alwaysRaised (NS-4)
Valor: Se usa sin igualarlo a ningún valor
Notas: Indica que la ventana debería permanecer siempre en el tope de la pila de ventanas.

Atributo: channelMode (IE-4)
Valor: Se usa sin igualarlo a ningún valor
Notas: Indica si la ventana deberá ser presentada en modo "Channel".

Atributo: dependent (NS-4)
Valor: Yes/No
Notas: Si una ventana es no dependiente, podrá sobrevivir luego de que su creador sea cerrado.

Atributo: directories (NS-4)
Valor: Yes/No
Notas: Controla la apariencia del toolbar personal de Netscape.

Atributo: fullscreen (IE-4)
Valor: Se usa sin igualarlo a ningún valor
Notas: Bajo Windows, MSIE llena la pantalla con la ventana.

Atributo: height (NS-2,IE-4)
Valor: Número.
Notas: Altura de la ventana.

Atributo: hotkeys (NS-4)
Valor: Yes/No
Notas: Colocando este valor a "no", deshabilitará la mayoría de los shortcuts de teclado aparte de la opción quit.

Atributo: innerHeight (NS-4)
Valor: Número.
Notas: Ajusta la altura interna de la ventana al valor dado.

Atributo: innerWidth (NS-4)
Valor: Número.
Notas: Ajusta el ancho interno de la ventana al valor dado.

Atributo: left (NS-4,IE-4)
Valor: Número.
Notas: Posición izquierda de la ventana.

Atributo: location (NS-2,IE-4)
Valor: Yes/No.
Notas: Barra de direcciones visible/invisible.

Atributo: menubar (NS-2)
Valor: Yes/No.
Notas: Barra de menú visible/invisible.

Atributo: outerHeight (NS-4)
Valor: Número.
Notas: Ajusta la altura externa de la ventana al valor dado.

Atributo: outerWidth (NS-4)
Valor: Número.
Notas: Ajusta el ancho externo de la ventana al valor dado.

Atributo: resizable (NS-2,IE-4)
Valor: Yes/No.
Notas: La ventana puede o no ser cambiada de tamaño.

Atributo: screenX (NS-4)
Valor: Número.
Notas: Nombre alterno para la posición izquierda de la ventana.

Atributo: screenY (NS-4)
Valor: Número.
Notas: Nombre alterno para la posición superior de la ventana.

Atributo: scrollbars (NS-2,IE-4)
Valor: Yes/No.
Notas: Pueden o no ser mostradas las barras de desplazamiento.

Atributo: status (NS-2,IE-4)
Valor: Yes/No.
Notas: Debe o no ser mostrada las barra de estado.

Atributo: toolbar (NS-2,IE-4)
Valor: Yes/No.
Notas: Debe o no ser mostrada las barra de herramientas.

Atributo: top (NS-4,IE-4)
Valor: Número.
Notas: Posición superior de la ventana.

Atributo: width (NS-2,IE-4)
Valor: Número.
Notas: Ancho de la ventana.

Atributo: z-lock (NS-4)
Valor: Se usa sin igualarlo a ningún valor
Notas: Indica que la ventana debería estar en una posición fija en la pila de ventanas.

Lanzando PopUps con JavaScript:

Si deseas conocer el modo correcto de abrir un popup usando JavaScript, te recomendamos este artículo (tomado de esta discusión). Creditos: ferent.

Algunos ejemplos frecuentes:

- Abrir una ventana en una ubicación específica:
open("ventana.htm", "nombre", "left=100,top=100,width=600,height=400");

- Abrir una ventana sin barra de herramientas, sin barra de dirección, sin barras de desplazamiento, sin barra de estatus:
open("ventana.htm", "nombre", "location=no,menubar=no,scrollbars=no,status=n o");

- Abrir una ventana fullscreen (solo Internet Explorer):
open("ventana.htm", "nombre", "fullscreen");

Para observaciones, actualizaciones o correcciones sobre este tema por favor ir al siguiente hilo.

ferent · #**101** (**permalink**) 06/02/2003, 10:36

101 - Ordenar campos de una tabla segun columna

P. ¿Cómo puedo ordenar los datos de una tabla dependiendo de cada columna?
R. Muy sencillo, consta de dos pasos.

1º Añade este Script en el head

Código PHP:

  <SCRIPT LANGUAGE="JavaScript">

 
<!-- Begin

function compare(sVal1, sVal2){

//para cambiar el orden (ascendente o descendente) se debe 

//cambiar a negativo el primer 1 y a positivo el segundo, segun convenga

 if (sVal1 < sVal2) return 1;

 if (sVal1 > sVal2) return -1;

 return 0;

}

function setDataType(cValue)

  {

    // THIS FUNCTION CONVERTS DATES AND NUMBERS FOR PROPER ARRAY

    // SORTING WHEN IN THE SORT FUNCTION

    var isDate = new Date(cValue);

    if (isDate == "NaN")

      {

        if (isNaN(cValue))

          {

            // THE VALUE IS A STRING, MAKE ALL CHARACTERS IN

            // STRING UPPER CASE TO ASSURE PROPER A-Z SORT

            cValue = cValue.toUpperCase();

            return cValue;

          }

        else

          {

            // VALUE IS A NUMBER, TO PREVENT STRING SORTING OF A NUMBER

            // ADD AN ADDITIONAL DIGIT THAT IS THE + TO THE LENGTH OF

            // THE NUMBER WHEN IT IS A STRING

            var myNum;

            myNum = String.fromCharCode(48 + cValue.length) + cValue;

            return myNum;

          }

        }

  else

      {

        // VALUE TO SORT IS A DATE, REMOVE ALL OF THE PUNCTUATION AND

        // AND RETURN THE STRING NUMBER

        //BUG - STRING AND NOT NUMERICAL SORT .....

        // ( 1 - 10 - 11 - 2 - 3 - 4 - 41 - 5  etc.)

        var myDate = new String();

        myDate = isDate.getFullYear() + " " ;

        myDate = myDate + isDate.getMonth() + " ";

        myDate = myDate + isDate.getDate(); + " ";

        myDate = myDate + isDate.getHours(); + " ";

        myDate = myDate + isDate.getMinutes(); + " ";

        myDate = myDate + isDate.getSeconds();

        //myDate = String.fromCharCode(48 + myDate.length) + myDate;

        return myDate ;

      }

  }

function sortTable(col, tableToSort)

  {

    var iCurCell = col + tableToSort.cols;

    var totalRows = tableToSort.rows.length;

    var bSort = 0;

    var colArray = new Array();

    var oldIndex = new Array();

    var indexArray = new Array();

    var bArray = new Array();

    var newRow;

    var newCell;

    var i;

    var c;

    var j;

    // ** POPULATE THE ARRAY colArray WITH CONTENTS OF THE COLUMN SELECTED

    for (i=1; i < tableToSort.rows.length; i++)

      {

        colArray[i - 1] = setDataType(tableToSort.cells(iCurCell).innerText);

        iCurCell = iCurCell + tableToSort.cols;

      }

    // ** COPY ARRAY FOR COMPARISON AFTER SORT

    for (i=0; i < colArray.length; i++)

      {

        bArray[i] = colArray[i];

      }

    // ** SORT THE COLUMN ITEMS

    //alert ( colArray );

    colArray.sort(compare);

    //alert ( colArray );

    for (i=0; i < colArray.length; i++)

      { // LOOP THROUGH THE NEW SORTED ARRAY

        indexArray[i] = (i+1);

        for(j=0; j < bArray.length; j++)

          { // LOOP THROUGH THE OLD ARRAY

            if (colArray[i] == bArray[j])

              {  // WHEN THE ITEM IN THE OLD AND NEW MATCH, PLACE THE

                // CURRENT ROW NUMBER IN THE PROPER POSITION IN THE

                // NEW ORDER ARRAY SO ROWS CAN BE MOVED ....

                // MAKE SURE CURRENT ROW NUMBER IS NOT ALREADY IN THE

                // NEW ORDER ARRAY

                for (c=0; c<i; c++)

                  {

                    if ( oldIndex[c] == (j+1) )

                    {

                      bSort = 1;

                    }

                      }

                      if (bSort == 0)

                        {

                          oldIndex[i] = (j+1);

                        }

                          bSort = 0;

                        }

          }

    }

  // ** SORTING COMPLETE, ADD NEW ROWS TO BASE OF TABLE ....

  for (i=0; i<oldIndex.length; i++)

    {

      newRow = tableToSort.insertRow();

      for (c=0; c<tableToSort.cols; c++)

        {

          newCell = newRow.insertCell();

          newCell.innerHTML = tableToSort.rows(oldIndex[i]).cells(c).innerHTML;

        }

      }

  //MOVE NEW ROWS TO TOP OF TABLE ....

  for (i=1; i<totalRows; i++)

    {

      tableToSort.moveRow((tableToSort.rows.length -1),1);

    }

  //DELETE THE OLD ROWS FROM THE BOTTOM OF THE TABLE ....

  for (i=1; i<totalRows; i++)

    {

      tableToSort.deleteRow();

    }

  }

//  End -->

</script>

2º Paso: Crear la tabla

Código PHP:

  //indicar el número de columnas, teniendo cuidado de que no haya colspan

<table name="rsTable" id="rsTable" cols=6>

<tr><td><A href="java script:sortTable(0, rsTable">ID</A></td>

    <td><A href="java script:sortTable(1, rsTable);">Nombre</A></td>

    <td><A href="java script:sortTable(2, rsTable);">Apellidos</A></td>

 
//etc...

Y lo demás depende de ustedes.

Kaopectate · #**102** (**permalink**) 06/02/2003, 11:26

P: ¿Como puedo extraer de un elemento select el índice o el valor o el nombre desplegado en la opción seleccionada?

R:

Código PHP:

  <html>

 <head>

  <script language="JavaScript">

   function cambia(){

    with (document.frm){

     indice.value = String(selector.selectedIndex);

     opcion.value = selector.options[selector.selectedIndex].text;

     valor.value = selector.options[selector.selectedIndex].value;

    }

   }

  </script>

 </head>

 <body>

  <form name="frm">

   Indice:<input type="text" name="indice"><br>

   Opcion:<input type="text" name="opcion"><br>

   Valor: <input type="text" name="valor"><br>

   Seleccione:<select name="selector" onchange="cambia()">

    <option>Seleccione un valor</option>

    <option value="1">Uno</option>

    <option value="2">Dos</option>

    <option value="3">Tres</option>

   </select>

  </form>

 </body>

</html>

KarlanKas · #**103** (**permalink**) 12/02/2003, 12:08

P.- ¿Cómo puedo hacer que aparezca una imagen linkable nueva cada semana en mi web?

R.- Por medio de este código:

Código PHP:

  <html>

<head>

 
<script>

//Script original de KarlanKas para Forosdelweb.com

 
var bisiesto=0 //Si es año bisiesto pon 1

 
enlace=new Array;

alt=new Array;

imagen=new Array;

 
//-------ENLACES ALT E IMAGEN PARA CADA SEMANA------------

 
enlace[1]="http://www.loslunesalsol.com/";

alt[1]="esta es la imagen del lunes"

imagen[1]="http://www.cartelia.net/fotos/l/loslunesalsol.jpg"

 
enlace[2]="http://www.martes.com";

alt[2]="esta es la imagen del martes";

imagen[2]="http://www.martes.com/images/marteshomesk.gif";

 
enlace[3]="http://www.wednesday.com";

alt[3]="Esta es la imagen del miércoles"

imagen[3]="http://www.wednesday.com/images/logo.gif";

 
enlace[4]="http://www.thursday.com/";

alt[4]="Es que en español no había..."

imagen[4]="http://www.thursday.com/5.jpg";

 
enlace[5]="http://www.tgifridays.com/index1.html";

alt[5]="No podía ser de otra forma!";

imagen[5]="http://www.tgifridays.com/index_files/newindex.gif";

 
enlace[6]="http://www.sabado.info";

alt[6]="Te gusta la música?";

imagen[6]="http://www.sabado.info/image/guitar.gif";

 
//_---------SEGUIR HASTA LA SEMANA 52--------------------------

 
//----------NO EDITAR A PARTIR DE AQUÍ---------------------

var cantidadDeDias=0;

var semana=1

diaspormes=new Array(31,28+bisiesto,31,30,31,30,31,31,30,31,30,31

);

hoy=new Date;

anio=hoy.getYear()

primero=new Date(anio,0,1)

diasem=primero.getDay()

dia=hoy.getDate();

mes=hoy.getMonth();

for (a=0;a<mes;a++){

cantidadDeDias=cantidadDeDias+diaspormes[a]

}

cantidadDeDias=cantidadDeDias+dia;

for (a=0;a<cantidadDeDias;a++){

diasem=diasem+1

if (diasem>6){diasem=0;semana=semana+1}

}

//---------------------------------------------------------

</script>

 
</head>

 
<body>

<script>

document.write("<A HREF="+enlace[semana]+"><img src="+imagen[semana]+" ALT='"+alt[semana]+"'></A>");

</script>

</body>

</html>

KarlanKas · #**104** (**permalink**) 12/02/2003, 12:33

P.- ¿Cómo poner enlaces con una explicación desplegable del mismo abajo?

R.- Así:
[Ver Ejemplo]

Código PHP:

   
<html>

<head>

<style>

body{    font:normal 10px/20px verdana;}

 
blockquote{ border:solid 1px black;

            font:normal 10px/12px verdana;

            background:#ffffcc;

            margin:1px 1px 1px 20px;

            padding:5px 5px 5px 5px;

            width:500px;

        }

.norm{    color:blue;

        border:none;

        font:normal 10px/10px verdana;

          text-decoration:underline;

    }

img{    border:none;

    }

</style>

 
<script>

 
//Script original de KarlanKas con la colaboración de caricatos para Forosdelweb.com

 
 
explicacion=new Array;

enlace=new Array;

texto=new Array;

 
//-------------------------- EDITABLE ---------------------------

enlace[0]="http://www.forosdelweb.com";

texto[0]="Ir a foros del web."

explicacion[0]="Foros del Web es el foro de programación hispana más visitado por los habitantes de la luna de Gaminedes.";

 
enlace[1]="http://www.webareyou.com";

texto[1]="Visitar Web Are You. La página en eterna construcción."

explicacion[1]="Todos los seres abducidos tienen, desde la LSSI, la obligación de tener una página web explicando sus experiencias. Aquí está la mía.";

 
enlace[2]="http://www.estiloweb.com";

texto[2]="Necesitas ayuda?"

explicacion[2]="Cuando uno se enfrenta a la realización de una página web siempre le surgen dudas... con webestilo.com se resuelve más de una...";

 
enlace[3]="http://www.tunait.com";

texto[3]="Quieres charlar, divertirte y demás con la página de tunait?"

explicacion[3]="Nuestra querida tunait nos regala una magnífica página donde su plato fuerte es un magnífico foro lleno de buen rollito y diversión... no os lo perdais!";

 
enlace[4]="http://www.pepemolina.com";

texto[4]="Qué tal visitar la página de caricatos?"

explicacion[4]="Quien no recuerda el generador de código o el enviador de postales...? Caricatos no sólo responde, sino que genera nuevas inquietudes a cada momento. Visitad la página donde recoge todos sus avances!";

 
// SE PUEDE PONER TANTOS COMO SE QUIERA

 
//---------------------------------FIN DE CÓDIGO EDITABLE--------------------------------

 
function anadir(texto,esto){

t=texto

texto=document.getElementById("enlace"+texto)

if(!texto.primero){texto.primero=texto.innerHTML}

if(isNaN(texto.ensenar)){texto.ensenar=-1}

var pepe=texto.ensenar

pepe=pepe*-1

texto.ensenar=pepe

if (texto.ensenar==1){

esto.innerHTML="-";

texto.innerHTML=texto.innerHTML+"<blockquote>"+explicacion[t]+"</blockquote>"

 
}

if (texto.ensenar==-1){

;

texto.innerHTML=texto.primero

}

 
 
}

 
</script>

<title>FAQ 104.- Enlaces autoexplicativos </title>

</head>

 
<body>

 
<script>

for (w=0;w<enlace.length;w++){

document.writeln('<div id="enlace'+w+'"><a onfocus="blur()" href="#" onclick="anadir('+w+',this)">+</a><a class="norm" HREF="'+enlace[w]+'" target="_blank">'+texto[w]+'</a></div>');

}

</script>

</body>

</html>

TurKa · #**105** (**permalink**) 13/02/2003, 10:16

P: ¿Como puedo hacer para que al cambiar la opción seleccionada en un combo, cambien también las opciones disponibles en otro combo indicando la URL de destino?

R: [ver ejemplo]

Código PHP:

  <!-- basado en el código original propuesto por Kaopectate -->

<html>

 <head>

  <script language="JavaScript">

 
   function addOpt(oCntrl, iPos, sTxt, sVal){

     var selOpcion=new Option(sTxt, sVal);

     eval(oCntrl.options[iPos]=selOpcion);

   }

 
   function cambia(oCntrl){

    switch (document.frm.pais.selectedIndex){

     case 0: 

      addOpt(oCntrl,  0, "Ciudad de México", "http://www.mexico.com");

      addOpt(oCntrl,  1, "Monterrey", "http://www.monterrey.com");

      addOpt(oCntrl,  2, "Guadalajara", "http://www.guadalajara.com");

      break;

     case 1: 

      addOpt(oCntrl,  0, "Madrid", "http://www.madrid.com");

      addOpt(oCntrl,  1, "Barcelona", "http://www.barcelona.com");

      addOpt(oCntrl,  2, "San Sebastián", "http://www.sansebastian.com");

      break;

     case 2: 

      addOpt(oCntrl,  0, "Caracas", "http://www.caracas.com");

      addOpt(oCntrl,  1, "Maracay", "http://www.maracay.com");

      addOpt(oCntrl,  2, "Valencia", "http://www.valencia.com");

      break;

    }

   }

  </script>

 </head>

 <body>

  <form name="frm">

   <table border="0" width="482">

    <tr>

     <td width="25">

      Pais

     </td>

     <td width="89">

      <select name="pais" onchange="cambia(document.frm.ciudad)">

       <option value="Mex">Mexico</option>

       <option value="Esp">España</option>

       <option value="Ven">Venezuela</option>

      </select>

     </td>

     <td width="6">

      &nbsp;

     </td>

     <td width="44">

      Ciudad

     </td>

     <td width="296">

      <select name="ciudad" onChange="location.href=this.form.ciudad.options[this.form.ciudad.selectedIndex].value">

       <option value="0">Ciudad de México</option>

       <option value="1">Monterrey</option>

       <option value="2">Guadalajara</option>

      </select> <input type="button" value="Ir a..." onClick="location.href=this.form.ciudad.options[this.form.ciudad.selectedIndex].value"</td>

    </tr>

   </table>

  </form>

 </body>

</html>