| |
|
91
|
Programación / Desarrollo Web / javascript - Imagenes casuales
|
en: 19 Febrero 2019, 12:31 pm
|
Hola a todos, este script de javascript cambia cada X-segundo la imagen en sus páginas principales. Con ello ustedes configuran facilmente que imagenes deben ser mostradas y especifican la cantidad de segundos, despues de los cuales se se debera elegir y mostrar una nueva imagen casual y ya empieza. En este ejemplo ya se agrego imagenes y la cantidad de segundos fue puesta a dos. Codigo: <!DOCTYPE html>
<html>
<head>
<title>Ejemplo de javascript</title>
<meta charset="UTF-8">
</head>
<body>
<!-- Presentado por javascripts-gratis.de -->
<script type='text/javascript'>
<!--
// Script e idea: Freddus
// Aqui por favor ingresar las URLs de la imagenes dentro de las "" y separadas respectivamente por un ,
var i = 0;
var urls = new Array();
urls[i++] = "https://media.giphy.com/media/l41lLf17l7YCZ4Tjq/giphy.gif",
urls[i++] = "https://media.giphy.com/media/l1KdaZkQLqgeoPu1y/giphy.gif",
urls[i++] = "https://media.giphy.com/media/xT0CyGZSg7oN0ochi0/giphy.gif",
urls[i++] = "https://media.giphy.com/media/3o6MbubPM8ek3dbNle/giphy.gif",
urls[i++] = "https://media.giphy.com/media/3ov9k5IJTC6YXh91iU/giphy.gif";
// Aqui configurar el tiempo que quieren que pase hasta que se cambie de imagen
var segundos = 2;
///////////////////////////////////////////////
// No cambiar nada mas, como siempre ;o)
var lastimage;
document.write("<div id='randomimagediv'></div>");
function newimage()
{
var newurl;
do
{
newurl = urls[Math.floor(Math.random()*urls.length)];
}
while (newurl == lastimage)
lastimage = newurl;
document.getElementById("randomimagediv").innerHTML = '<img src="' + newurl + '" alt="" />';
}
//-->
</script>
<script type="text/javascript">window.setInterval("newimage()",segundos*1000);</script>
<!-- Presentado por javascripts-gratis.de -->
</body>
</html>
Página web: https://drive.google.com/open?id=14cHvpQeg7mtbOzzxx95LDfmr25i6VujGAutor: Freddus Saludos |
|
|
|
|
92
|
Programación / Java / Android - Control Spinner
|
en: 12 Diciembre 2018, 12:39 pm
|
|
Hola a todos,
tengo una duda:
En la clase ArrayAdapter <String> se requieren en el constructor tres parametros. En el
primero hay que pasarle un objeto (normalmente la clase actual). Luego el adaptador
hay que pasarselo al metodo setAdapter de la clase Spinner. Pero necesita este metodo el
primer parametro que es pasado al constructor de la clase ArrayAdapter <String>? Por
qué?
Y por qué no hicieron los programadores la posibilidad de pasar los parametros al
metodo setAdapter directamente en vez de tener que crear un adaptador? No es eso poco
eficiente?
Gracias y saludos
|
|
|
|
|
95
|
Programación / Java / Java - Swing - JRadioButton
|
en: 5 Noviembre 2018, 14:31 pm
|
|
Hola,
tengo dos dudas:
1) Que hace el metodo addChangeListener de la clase JRadioButton (con el objeto que llega como parámetro)?
2) Cuando se implementa por ejemplo la interface ChangeListener... cómo sabe el programa que cuando se hace click en un control visual de tipo JRadioButton debe llamar al metodo stateChanged de la clase que implementa la interfaz? Lo gestiona Eclipse eso?
Gracias y saludos
|
|
|
|
|
96
|
Programación / Desarrollo Web / javascript - Imagenes rotativas
|
en: 5 Noviembre 2018, 14:24 pm
|
Hola, en este código de javascript pueden dejar rotar en circulo cualquier cantidad de diferentes imagenes. Con ello pueden cambiar en el comienzo del script no solamente las imágenes y sus pertenecientes links, sino también la velocidad, la posición, la dirección y el radio del circulo. En nuestro ejemplo rotan cuatro imágenes arbitrarias. Para ajustar las imágenes, por favor cambien el vector imagenes. Allí agreguen los links y las imágenes según el siguiente ejemplo: URL del link => URL de la imagen Osea por ejemplo así: http://4.bp.blogspot.com => http://4.bp.blogspot.com/-y0zqfg-NQvg/UD0fMKA4rFI/AAAAAAAAAC8/6gn1s0JmCCc/s320/1418009890.pngCódigo: <!DOCTYPE html>
<html>
<head>
<title>Ejemplo de javascript</title>
<meta charset="UTF-8">
</head>
<body>
<!-- Presentado por javascripts-gratis.de -->
<script type='text/javascript'>
<!--
// Ajustar tamaño y posición
var zx,zy;
var mediox = 100;
var medioy = 50;
var radio = 100;
var speed = 2; // 1-10... + oder - für Richtung
var imagenes_i = 0;
var imagenes = new Array();
var alpha = new Array();
// Ajustar las imagenes aqui
// Sintaxis: Link-URL => URL de la imagen
imagenes[imagenes_i++] = 'http://4.bp.blogspot.com => http://4.bp.blogspot.com/-y0zqfg-NQvg/UD0fMKA4rFI/AAAAAAAAAC8/6gn1s0JmCCc/s320/1418009890.png';
imagenes[imagenes_i++] = 'https://2.bp.blogspot.com => https://2.bp.blogspot.com/-d10rOGrZ7Hs/Tz5GT465rhI/AAAAAAAAHPs/pea6FI2bxKk/s200/juego+los+animales+de+granja.jpg';
imagenes[imagenes_i++] = 'https://pbs.twimg.com => https://pbs.twimg.com/profile_images/611270112843165697/sFT_vQcc_400x400.jpg';
imagenes[imagenes_i++] = 'http://www.misjuegos.com.mx => http://www.misjuegos.com.mx/wp-content/uploads/2009/05/8.png';
// A partir de aqui no cambiar mas nada
function initRotat() {
alpha_tmp = 0;
speed = speed / 1000;
for ( var i = 0; i < imagenes.length; i++)
{
alpha[i] = 6.28 / (imagenes.length) + alpha_tmp; // 0,1.6,3.2,4.8
var tmp = imagenes[i].split(" => ");
document.write('<div id="icon'+i+'" style="position:absolute;"><a href="'+tmp[0]+'"><img src="'+tmp[1]+'" alt="" border="0" /></a></div>');
alpha_tmp = alpha[i];
}
}
function pol_zu_kart(mx,my,radio,alp)
{
zx = mx + (radio * Math.sin(alp));
zy = my + (radio * Math.cos(alp));
}
function seguirgirando()
{
for (var i = 0; i < imagenes.length; i++)
{
alpha[i]+=speed;
if (speed>0)
{
if(alpha[i]>6.28) alpha[i]-=6.28;
}
else
{
if(alpha[i]<0) alpha[i]+=6.28;
}
pol_zu_kart(mediox,medioy,radio,alpha[i]);
document.getElementById('icon'+i).style.top=zy+'px';
document.getElementById('icon'+i).style.left=zx+'px';
}
}
initRotat();
//-->
</script>
<script type="text/javascript">status = window.setInterval("seguirgirando()",10);</script>
<!-- Presentado por javascripts-gratis.de -->
</body>
</html>
Página web: https://drive.google.com/open?id=17HUcaDaOeXHouydO9E0b4ur-gmrt0SNcSaludos |
|
|
|
|
97
|
Programación / Desarrollo Web / javascript - Burbujas ascendientes
|
en: 5 Noviembre 2018, 13:23 pm
|
Hola, Código: <!DOCTYPE html>
<html>
<head>
<title>Ejemplo de javascript</title>
<meta charset="UTF-8">
</head>
<body>
<!-- Presentado por javascripts-gratis.de -->
<script type='text/javascript'> <!--
Image0 = new Image();
Image0.src = "bubbles.gif";
Amount = 20;
Ymouse = -50;
Xmouse = -50;
Ypos = new Array();
Xpos = new Array();
Speed = new Array();
rate = new Array();
grow = new Array();
Step = new Array();
Cstep = new Array();
nsSize = new Array();
ns = (document.layers)?1:0;
(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(e) {
Ymouse=(e)?e.pageY-20:window.event.y-20;
Xmouse=(e)?e.pageX:window.event.x;
}
(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
for (i = 0; i < Amount; i++) {
Ypos[i] = Ymouse;
Xpos[i] = Xmouse;
Speed[i] = Math.random()*4+1;
Cstep[i] = 0;
Step[i] = Math.random()*0.1+0.05;
grow[i] = 8;
nsSize[i] = Math.random()*15+5;
rate[i] = Math.random()*0.5+0.1;
}
if (ns) {
for (i = 0; i < Amount; i++) {
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>");
}
}
else {
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++) {
document.write('<img id="si'+i+'" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90);">');
}
document.write('</div></div>');
}
function MouseBubbles() {
var hscrll = (document.layers)?window.pageYOffset:document.documentElement.scrollTop;
var wscrll = (document.layers)?window.pageXOffset:document.documentElement.scrollLeft;
for (i = 0; i < Amount; i++){
sy = Speed[i] * Math.sin(270 * Math.PI / 180);
sx = Speed[i] * Math.cos(Cstep[i] * 4);
Ypos[i] += sy;
Xpos[i] += sx;
if (Ypos[i] < -40) {
Ypos[i] = Ymouse;
Xpos[i] = Xmouse;
Speed[i] = Math.random() * 6 + 4;
grow[i] = 8;
nsSize[i] = Math.random() * 15 + 5;
}
if (ns) {
document.layers['sn'+i].left = Xpos[i] + wscrll;
document.layers['sn'+i].top = Ypos[i] + hscrll;
}
else {
document.getElementById('si'+i).style.left = Xpos[i] + wscrll+"px";
document.getElementById('si'+i).style.top = Ypos[i] + hscrll+"px";
document.getElementById('si'+i).style.width = grow[i]+"px";
document.getElementById('si'+i).style.height = grow[i]+"px";
}
grow[i] += rate[i];
Cstep[i] += Step[i];
if (grow[i] > 24) grow[i] = 25;
}
setTimeout('MouseBubbles()', 10);
}
//-->
</script>
<!-- Presentado por javascripts-gratis.de --><br />
<script type="text/javascript">MouseBubbles();</script>
</body>
</html>
Página web: https://drive.google.com/open?id=1i49I75G8VWgWh5rid3Gljb5dvt7rIkCcSaludos |
|
|
|
|
99
|
Programación / Desarrollo Web / javascript - Texto al lado del raton
|
en: 25 Octubre 2018, 18:41 pm
|
Hola, Aqui tienen un codigo que posiciona un texto al lado del raton y que con el movimiento del raton también lo arrastra: <!DOCTYPE html>
<html>
<head>
<title>Ejemplo de javascript</title>
<meta charset="UTF-8">
</head>
<body>
<!-- Presentado por javascripts-gratis.de -->
<script type='text/javascript'>
<!--
message = 'www.javascripts-gratis.de '; // Tu texto
FonT = 'Verdana'; // Tu fuente
ColoR = '000080'; // Tu color de letra
SizE = 3; // Tu tamaño de letra (solamente 1 hasta 7)!
var amount = 5, ypos =- 50, xpos = 0, Ay = 0, Ax = 0, By = 0, Bx = 0, Cy = 0, Cx = 0, Dy = 0, Dx = 0, Ey = 0, Ex = 0;
if (document.layers) {
for (i = 0; i < amount; i++) {
document.write('<layer name=nsl'+i+' top=0 left=0><font face='+FonT+' size='+SizE+' color='+ColoR+'>'+message+'</font></layer>');
}
window.captureEvents(Event.MOUSEMOVE);
function nsmouse(evnt) {
xpos = evnt.pageX + 20;
ypos = evnt.pageY + 20;
}
window.onMouseMove = nsmouse;
}
else if (document.getElementById) {
document.write("<div id='outermausi' style='position:absolute;top:0px;left:0px'>");
document.write("<div style='position:relative'>");
for (i = 0; i < amount; i++) {
document.write('<div id="text'+i+'" style="position:absolute;top:0px;left:0px;width:400px;height:20px"><font face='+FonT+' size='+SizE+' color='+ColoR+'>'+message+'</font></div>')
}
document.write("</div>");
document.write("</div>");
function iemouse(e) {
ypos = (e)?e.pageY:event.y + 20;
xpos = (e)?e.pageX:event.x + 20;
}
window.document.onmousemove = iemouse;
}
function makefollow() {
if (document.layers) {
document.layers['nsl'+0].top = ay;
document.layers['nsl'+0].left = ax;
document.layers['nsl'+1].top = by;
document.layers['nsl'+1].left = bx;
document.layers['nsl'+2].top = cy;
document.layers['nsl'+2].left = cx;
document.layers['nsl'+3].top = Dy;
document.layers['nsl'+3].left = Dx;
document.layers['nsl'+4].top = Ey;
document.layers['nsl'+4].left = Ex;
}
else if (document.getElementById) {
document.getElementById('outermausi').style.top = document.documentElement.scrollTop;
document.getElementById('text0').style.top = ay+"px";
document.getElementById('text0').style.left = ax+"px";
document.getElementById('text1').style.top = by+"px";
document.getElementById('text1').style.left = bx+"px";
document.getElementById('text2').style.top = cy+"px";
document.getElementById('text2').style.left = cx+"px";
document.getElementById('text3').style.top = Dy+"px";
document.getElementById('text3').style.left = Dx+"px";
document.getElementById('text4').style.top = Ey+"px";
document.getElementById('text4').style.left = Ex+"px";
}
}
function move() {
ey = Ey += (ypos - Ey) * 0.2;
ex = Ex += (xpos - Ex) * 0.2;
dy = Dy += (ey - Dy) * 0.3;
dx = Dx += (ex - Dx) * 0.3;
cy = Cy += (dy - Cy) * 0.4;
cx = Cx += (dx - Cx) * 0.4;
by = By += (cy - By) * 0.5;
bx = Bx += (cx - Bx) * 0.5;
ay = Ay += (by - Ay) * 0.6;
ax = Ax += (bx - Ax) * 0.6;
makefollow();
setTimeout('move()', 10);
}
//-->
</script>
<script type="text/javascript">move();</script>
</body>
</html>
Página web: https://drive.google.com/open?id=18EP9NFKeq3L5TFtNUfCV-CcWh7MH2Q8oGracias y saludos |
|
|
|
|
|
| |
|
Mostrar Temas