Logotipo tecnocodigo

Pagina Principal de Scripts
Volver

 



mini logotipo Diseño y Programación tecnocodigo

 

 

Publicidad 1
Boton Alta Articulo

Noticias del mes



Nueva Sección Visual Basic .NET

Diseño y Programación inaugura una nueva sección, un nuevo lenguaje de programación se suma a la larga lista de snippets. Visual Basic .NET. En el cuál se incluirán snippets de programación de PDA's (Pocket Pc's con Windows Mobile)..

 

boton negro

Mapa del Sitio. Sitemap

 Webstats4U - Web site estadísticas gratuito El contador para sitios web particulares

Logotipo tecnocodigo
Hay 14 visitantes activos

 

Buscador

HTML5/CSS3
Dhtml
JavaScript
VbScript
ASP
PHP
VB .NET
AJAX
Otros

ó
y


Cuadro Redondo

mini logotipo Diseño y Programación tecnocodigo

Zonas
Simulador de acordes de guitarra

Nos muestra las pulsaciones que deben realizarse en una guitarra según el acorde seleccionado. Interesante para quienes estudien música.
O una web dedicada a dicho contenido.

Coloque el siguiente código dentro de BODY, en el lugar donde quiera que aparezca el simulador de acordes.

<TABLE BORDER=2 WIDTH=160 bordercolorlight="#000080" bordercolordark="#CC3333">
<TR>
<TD BGCOLOR="#C2CDD1" CELLPADDING=0 CELLSPACING=0 ALIGN=CENTER >
<FORM NAME="guitar">
<SCRIPT LANGUAGE="JavaScript">
<!--
var Timerid = 0;
var chords = new Object();
chords["A"] = "100000;1;5;14;15;16"
chords["A7"] = "100000;1;3;5;14;16"
chords["Am"]= "100000;1;5;10;14;15"
chords["Am7"]= "010001;30;32;33;34"
chords["A13"]= "100000;1;3;20;22;23"
chords["B7"] = "100000;4;8;13;15;17"
chords["C"] = "100000;3;5;10;14;19"
chords["D"] = "110000;2;15;17;22"
chords["D7"] = "110000;2;10;15;17"
chords["Dm"] = "110000;2;11;15;22"
chords["D9"] = "100000;26;31;33;34;35"
chords["E7"] = "000000;0;2;4;5;9;13"
chords["Em7"] = "000000;0;3;5;13;14;22"
chords["Eb9"] = "100000;20;25;27;28;29"
chords["E13"] = "000000;0;2;5;9;13;16"
chords["F"] = "110000;10;11;15;20"
chords["F5"] = "001111;6;19"
chords["G"] = "000000;2;3;4;13;18;23"
chords["G5"] = "001111;24;37"
chords["G7"] = "000000;2;3;4;11;13;18"
chords["Gmaj7"] = "010001;18;22;26;27"
chords["Gm7"] = "010001;18;20;21;22"
chords["G6"] = "010001;14;18;22;27"
chords["G6/9"] = "110000;14;15;22;23"
// build the chart in the table
for (Countx = 1; Countx < 8; Countx++) {
var Count, Countx;
for (Count = 1; Count <7; Count++) {
document.write ("<input type=radio onClick='toggle(this)'>")
}
document.write ("<BR>")
if (Countx == 1)
document.write ("<img src='' width=150 height=3 align=absmiddle>")
else
document.write ("<img src='' width=150 height=1 align=absmiddle>")
document.write ("<BR>")
}
function toggle(button) {
button.checked = !button.checked;
}
// remove the check from all radio buttons
function resetGuitar() {
var Count;
clearTimeout(Timerid);
for (Count=1; Count < 42; Count++) {
document.guitar[Count-1].checked=false
}
}
// flash a button for any string that shouldn't be played
function flashString () {
var Count;
for (Count = 0; Count < 6; Count++) {
if (Frets[1].substring(Count,Count+1) == "1")
document.guitar[Count].checked = !document.guitar[Count].checked
}
Timerid = setTimeout ("flashString()", 500)
}
// set the chord pattern
function setGuitar() {
resetGuitar();
var Item, Ret, Count, Temp, Skip;
Item = document.guitar.chord.selectedIndex;
if (Item != -1) {
Text = document.guitar.chord.options[Item].text;
Frets = parser (chords[Text])
for (Count = 2; Count <= Frets[0]; Count++) {
Temp = parseInt(Frets[Count]);
document.guitar[Temp].checked=true;
}
if (parseInt(Frets[1]) > 0)
flashString();
}
}
// general function for parsing strings using a specified parse character; result is values in
// separate elements of an array
function parser (InString) {
var Sep = ";", NumSeps=1, Count, Start, ParseMark, parse;
for (Count=1; Count < InString.length; Count++) {
if (InString.charAt(Count)==Sep)
NumSeps++;
}
parse = new Array ();
var Start=0, Count=1, ParseMark=0, LoopCtrl=1;
while (LoopCtrl==1) {
ParseMark = InString.indexOf(Sep, ParseMark);
TestMark=ParseMark+0;
if ((TestMark==0) || (TestMark==-1)){
parse[Count]= InString.substring (Start, InString.length);
LoopCtrl=0;
break;
}
parse[Count] = InString.substring (Start, ParseMark);
Start=ParseMark+1, ParseMark=Start, Count++;
}
parse[0]=Count;
return (parse);
}
// -->
</SCRIPT>
<P>
</TD></TR>
<TD ALIGN=CENTER BGCOLOR="#D4D4D4">
<SELECT NAME="chord" SIZE=6>
<OPTION>A
<OPTION>A7
<OPTION>Am
<OPTION>Am7
<OPTION>A13
<OPTION>B7
<OPTION>C
<OPTION>D
<OPTION>D7
<OPTION>Dm
<OPTION>D9
<OPTION>E7
<OPTION>Em7
<OPTION>Eb9
<OPTION>E13
<OPTION>F
<OPTION>F5
<OPTION>G
<OPTION>G5
<OPTION>G7
<OPTION>Gmaj7
<OPTION>Gm7
<OPTION>G6
<OPTION>G6/9
</SELECT>
<HR>
<P>
<INPUT TYPE="button" VALUE="Probar" onClick="setGuitar()">
<INPUT TYPE="button" VALUE="Clear" onClick="resetGuitar()"></FORM>
</TD>
</TABLE>

Por último, para inicializar el simulador coloque la siguiente opcion en BODY onLoad="setGuitar()". Un ejemplo de como quedaría sería el siguiente...

<body onLoad="setGuitar()">

Para mezclarlo con algún otro efecto que necesite llamar a uan función en onload separe las llamadas a las funciones por ; quedando así. Ejemplo, suponiendo que la función a llamar se llame init() ....

<body onLoad="setGuitar(); init();">


Autor: AMC
Email o Web: amc@califato.net
Fecha articulo: 2002-11-18

Top 5 JS

Boton Script Top 5 Como crear un efecto de libro animado, PageTurner

10717 veces vista

Boton Script Top 5 Validar un email introducido en un formulario desde javascript.

10570 veces vista

Boton Script Top 5 Un breve código para desactivar la tecla de actualización F5.

10054 veces vista

Boton Script Top 5 Para insertar en tu pagina web un efecto de lluvia solo necesitas este fragmento de codigo.

8397 veces vista

Boton Script Top 5 Clasico juego del ahorcado.

7963 veces vista
 



InteBANNER
Fecha: 24/11/2014