Como llamar a .js de un Html

[fedefrankk]

Hola a todos, tengo el siguiente codigo en mi web, en un html

Código Javascript:

<script language="javascript" type="text/javascript">
function radio(ra1){
$('#te1').fadeIn(300);$('#te2').fadeOut(300);$('#te3').fadeOut(300);$('#te4').fadeOut(300);$('#te5').fadeOut(300);$('#te6').fadeOut(300);
}
function dermo(der){
$('#te1').fadeOut(300);$('#te2').fadeIn(300);$('#te3').fadeOut(300);$('#te4').fadeOut(300);$('#te5').fadeOut(300);$('#te6').fadeOut(300);
}
function limpi(lim1){
$('#te3').fadeIn(300);$('#te1').fadeOut(300);$('#te2').fadeOut(300);$('#te4').fadeOut(300);$('#te5').fadeOut(300);$('#te6').fadeOut(300);
}
function acne(ac){
$('#te4').fadeIn(300);$('#te3').fadeOut(300);$('#te1').fadeOut(300);$('#te2').fadeOut(300);$('#te5').fadeOut(300);$('#te6').fadeOut(300);
}
function maqui(llaje){
$('#te5').fadeIn(300);$('#te3').fadeOut(300);$('#te1').fadeOut(300);$('#te2').fadeOut(300);$('#te4').fadeOut(300);$('#te6').fadeOut(300);
}
function hidra(cion){
$('#te6').fadeIn(300);$('#te3').fadeOut(300);$('#te1').fadeOut(300);$('#te2').fadeOut(300);$('#te4').fadeOut(300);$('#te5').fadeOut(300);
}
</script>
 

Lo que necesitaria es meter ese codigo en un archivo llamado nose.js

El tema es como llamo a cada funcion en mi html ?

Saludos a todos.!!
Fede

[darkasecas]

Pues igual que como lo haces cuando incluyes el codigo en el archivo html, no hay diferencia entre esta manera e incluirlo en un archivo .js aparte o.o

[fedefrankk]

Hola, gracias por contestar,

Tengo un archivo que se llama quo.js... hay dentro esta el javascript

en mi html he puesto.
<script language="JavaScript" SRC="quo.js"></script>
bien...

rengo mi hatml con todos los diov y programacion.

..........
...........
...........
para llamar una funcion solo pongo

radio(ra1); ??

en mi .js

Código Javascript:

function radio(ra1){
 
$('#te1').fadeIn(300);$('#te2').fadeOut(300);$('#te3').fadeOut(300);$('#te4').fadeOut(300);$('#te5').fadeOut(300);$('#te6').fadeOut(300);
 
}
 

Saludos.!
Gracias
Fede

[IsaBelM]

añade un evento y quita el parámetro que le pasas a la función. no parece que sea necesario

[masterpuppet]

Que librería estas utilizando ?, supongo que es jQuery, recuerda que debes utilizar ready y no hay necesidad de estar haciendo el fadeOut de esa forma, podes pasarle un string separado por comas, algo así:

Código Javascript:

$('#te1, #te2').fadeOut(300);
 

o

Código Javascript:

var elements = $.map(new Array(3), function(el, i){
    return '#te' + (i + 1);
}).join(',');
$(elements).fadeOut(300);
 

o lo mas simple de todo, darle a los elementos una clase en común

Código Javascript:

$('.toFade').fadeOut(300);
 

Saludos.

[fedefrankk]

Señor "masterpuppet", no sabes lo agradecido que estoy por tus ejemplos, se agradecen muchisimo, ya que estoy empezado y no se bien como simplificar codgio, y me has dado una mano grandisima.!!!

Saludos
Fede.
Gracias a todos