Mostrar Mensajes

Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.


Mensajes - Alanespartan

Páginas: [1]
1
Tengo 5 problemas de JavaScript de tarea pero ya e salieron 3, lo que pasa es que ahora necesito ayuda con estas dos funciones en javascript que no me funcionan D: ya intenté de las maneras en que se me ocurrieron y ni una da en algo que corrija el error, así que por favor ayuda.

HTML
Código: [Seleccionar]
<!-- Function 1 -->
<h2>Function1: This button changes colour when mouse is over</h2>
<button name="color" id="color" value="color" mouseover= "changeColor('color','red')" onmouseout = "changeColor('color','black')">
</button>
JavaScript
Código: [Seleccionar]
function changeColor(_elementId,_color){
element = document.getElementById(_elementId);
element.style.color = _color;
}

HTML
Código: [Seleccionar]
<!-- Function 5 -->
<h2>Function 5: Switch image</h2>
<img src="images/on.jpg"  id="images" onmousemove="changeImage('images','images/of.jpg')" onmouseout="changeImage('images','images/on.jpg')"/>
JavaScript
Código: [Seleccionar]
function changeImage(_elementId,_imageName){
document.getElementById(elementId).src = _imageName;
}

Nota: Sólo adjunto código Js y la parte donde lo uso en el html, ya que las demás funciones sí me sirven y así los evito de lerr código no necesario.

2
Hola a todos, lo que quiero hacer es un programa que me lea los números que hay dentro de un documento txt y los guarde dentro de un array, cabe decir que la dirección del documento la debe introducir el usuario.

Les adjunto mi código

Código: [Seleccionar]
import java.util.Scanner;

public class ReadFile{
public static void main(String[] args) {
// Initialize the variables
String fileDirection;
// Creating Objects
Scanner keyboard = new Scanner(System.in);
Numbers newArch = new Numbers();

// Asking for the direction of the file
System.out.println("\n\n*--- Give me the location of your text document ---*");
System.out.println("Here's an example of what do you need to put: C:\\Users\\Example\\Documents\\File.txt");
fileDirection = keyboard.nextLine();
// Sending the direction of the file
newArch.readTxt(fileDirection);
// Here we print the numbers of the document
System.out.println("\nThese are the numbers of your document :) \n\n");
newArch.printArray();
}
}

Código: [Seleccionar]
import java.util.Scanner;
import java.util.Arrays;
import java.io.File;

public class Numbers{
// Creating an empty array
    int docNumbers[];

public void readTxt(String direction){
// We create a temporal variable to save the numbers
int num = 0, count = 0;
Scanner myArch = null;
try{
myArch = new Scanner(new File(direction));
}catch(Exception e){
System.out.println("Document not found");
}
// This loop ends until readBuffer runs out of data (numbers)
while(myArch.hasNext()){
num = myArch.nextInt();
docNumbers[count] = num;
count++;
}
}

// This method is to display the numbers of the array
  public void printArray(){
      System.out.println(Arrays.toString(docNumbers));
   }

   public Numbers(){
   
   }
}


3
Buen día,

Necesito ayuda para desarrollar una pequeña aplicación con JavaScript que me permita tener un formulario para que un usuario ingrese dos oraciones y éstas se guarden en dos variables, para que posteriormente con la selección del usuario en la opción de tipos de ejemplos, el sistema pueda desplegar una serie de operaciones de lógica matemática.

Ejemplo:

Frase 1: Está lloviendo
Frase 2: Hace frío

Resultado al dar opción de ejemplos básicos:
- La negación de la frase 1 es: blabla
- La negación de la frase 2 es: blabla
- La conunción de ambas frases es: blabla

Código HTML
Código: [Seleccionar]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Proyecto Matemáticas Discretas</title>
<link href="https://fonts.googleapis.com/css?family=Slabo+27px" rel="stylesheet">
<link rel="stylesheet" href="estilos.css">
</head>
<body>
<div class="contenedor">
<form action="" class="formulario" id="formulario" name="formulario" method="POST">
<div class="contenedor-inputs">
<input type="text" name="frase1" id="frase1" placeholder="Oración P">
<input type="text" name="frase2" id="frase2" placeholder="Oración Q">

<div class="eleccion">
<input type="radio" id="opcion">
<label class="label-radio opcion">Hacer ejemplos avanzados (1)</label>

<input type="radio" id="opcion2">
<label class="label-radio opcion2">Mostrar ejemplos básicos (2)</label>
</div>

<input type="number" name="eleccion" id="eleccion" placeholder="Inserta tu opción">

<ul class="error" id="error"></ul>
</div>

<input type="submit" class="btn" value="Mostrar resultados">
</form>
</div>
<script src="formulario.js"></script>
<script src="resultado.js"></script>
</body>
</html>

Código JavaScript
Código: [Seleccionar]
//First Activity
var formulario = document.getElementById('formulario'),
frase1 = formulario.frase1,
frase2 = formulario.frase2,
eleccion = formulario.eleccion,
error = document.getElementById('error');

function validarFrase1(e){
if(frase1.value == '' || frase1.value == null){
console.log('Por favor completa la primer frase');
error.style.display = 'block';
error.innerHTML += '<li>Por favor completa la primer frase</li>';

e.preventDefault();
} else {
error.style.display = 'none';
}
}

function validarFrase2(e){
if(frase2.value == '' || frase2.value == null){
console.log('Por favor completa la segunda frase');
error.style.display = 'block';
error.innerHTML += '<li>Por favor completa la segunda frase</li>';

e.preventDefault();
} else {
error.style.display = 'none';
}
}

function validarEleccion(e){
if(eleccion.value == '' || eleccion.value == null){
console.log('Por favor elige una opción');
error.style.display = 'block';
error.innerHTML += '<li>Por favor elige una opción</li>';

e.preventDefault();
} else {
error.style.display = 'none';
}
}

function validarFormulario(e){
error.innerHTML = '';

validarEleccion(e);
validarFrase1(e);
validarFrase2(e);
}

formulario.addEventListener('submit', validarFormulario);

Código JavaScript2
Código: [Seleccionar]
//First Activity
function despliegaOpcion(){
var oracion1 = document.getElementById('frase1'),
var oracion2 = document.getElementById('frase2'),
var opcion = parseInt(document.getElementById('eleccion').value),

document.write(oracion2+oracion1);
}

Código CSS
Código: [Seleccionar]
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body {
background: #f2f2f2;
font-family: 'Slabo 27px', serif;
font-size: 18px;
}

/* First Activity */

.contenedor {
width: 400px;
margin: 40px;
}

.formulario .contenedor-inputs {
padding: 20px;
background: #fff;
border-radius: 6px 6px 0 0;
}

.formulario input[type="text"],
.formulario input[type="number"] {
display: block;
width: 100%;
margin-bottom: 20px;
padding: 15px 10px;
border:none;
border-bottom: 2px solid #ccc;
font-family: 'Slabo 27px', serif;
font-size: 18px;
}

.formulario input[type="text"]:focus,
.formulario input[type="number"]:focus {
border-bottom: 2px solid #246eb9;
}

.formulario input[type="radio"]{
display: none;
}

.formulario .eleccion {
display: flex;
flex-wrap:no-wrap;
justify-content:space-between;
margin-bottom: 20px;
}

.formulario .eleccion .opcion {
border-radius: 3px 0 0 3px;
background-color: #f9a03f;
}
.formulario .eleccion .opcion2 {
border-radius: 0 3px 3px 0;
background-color: #f9a03f;
}

.formulario .label-radio {
background: rgba(249,160,63,.4);
color: #fff;
padding: 10px;
text-align: center;
width: 49.5%;
}

.formulario .error {
display: none;
margin-top: 20px;
border-radius: 3px;
background: #ce1818;
color: #fff;
padding: 15px 10px;
padding-left:40px;
}

.formulario .btn {
width: 100%;
text-align: center;
background: #246eb9;
color: #fff;
border:none;
display: block;
padding: 15px 10px;
cursor: pointer;
border-radius: 0 0 6px 6px;
font-family: 'Slabo 27px', serif;
font-size: 18px;
}

.formulario .btn:hover {
background: #4357ad;
}

4
Hola muy buenas,

Vengo con la siguiente pregunta, ¿Cómo puedo hacer que en un dispositivo móvil la imagen que tengo como fondo cambie o se adapte? Es que ya lo he intentado yo pero no funciona :/
Los códigos que tengo son los siguientes:
HTML:
Código: [Seleccionar]
<!-- Fondo Parte Scroll -->
<style>
body {
background-image: url(images/bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
</style>
<!-- Termina Parte Scroll -->

CSS:
Código: [Seleccionar]
@media only screen and (max-width: 766px) {
      body {
        background-image: url(images/bg2.jpg);
      }
   }

Cabe decir que el fondo del que hablo es uno que hice que fuera un fondo "estático" en la parte superior de inicio de la pantalla, que al navegar hacía abajo esté se cubre por el resto de la página.

El sitio web es: arturopruebas.xyz para que puedan ver el ejemplo del que hablo si gustan

De paso preguntar si alguien sabría como hacer que un buscador pudiera funcionar ? tengo uno en el sitio web pero aun estoy en proceso de hacerlo funcionar, gracias :)


6
Muy buenas a todos, tengo una duda con el siguiente problema, no sé si mi formulario esté bien hecho (tanto el código HTML como PhP) pues ya lo he probado yo, pero como no tengo una base de datos no sé si esté bien. Adjunto ambos códigos:

HTML:

Código: [Seleccionar]
<form name="Formulario" action="enviarcorreo.php" method="post" class="animated fadeInUp pull-left">
Nombre:
<input type="text" name="nombre" required="required" placeholder="Nombre" maxlength="20" style="color:#000;">

Apellido:
<input type="text" name="apellido" required="required" placeholder="Apellido" maxlength="20" style="color:#000;">

    E-mail:
    <input type="email" name="email" pattern="[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*@[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[.][a-zA-Z]{1,5}" required="required" placeholder="E-mail" style="color:#000;">

Teléfono celular (10 dígitos) :
<input type="tel" name="telefono" placeholder="Número"  maxlength="10" pattern="[0-9]{10}" style="color:#000;">

Ciudad:
<input type="text" name="ciudad" placeholder="Ciudad" style="color:#000;">

Mensaje:
<textarea name="mensaje" placeholder="¿Qué nos quieres decir?" maxlength="800" required="required" style="color:#000;"></textarea>

        <input type="reset" value="Borrar" />

<input type="submit" value="Enviar"/>
</form>

PHP:

Código: [Seleccionar]
<?php 
$myemail 
'arturocruz10@live.com.mx';
$name $_POST['nombre'];
$apellido =$_POST['apellido'];
$phone=$_POST['tel'];
$email_address $_POST['email']; 
$message $_POST['mensaje'];
$ciudad $_POST['ciudad'];

$to $myemail
$email_subject "Forma de Contacto desde mi sitio web";
$email_body " DATOS DE CONTACTO:\n Nombre: $name \n Apellido: $apellido \n Teléfono: $phone \n Email: $email_address \n \n".
"Comentarios: $message \n\n".

$headers "From: $email_address\r\n"
$headers .= "Reply-To: $email_address\r\n";

mail($to,$email_subject,$email_body,$headers);

header('Location: gracias.html');
?>



<!DOCTYPE HTML>
<html>
<head>
<title>Error</title>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html">
</head>

<body>
<!-- This page is displayed only if there is some error -->
<?php
echo nl2br($errors);
?>

</body>
</html>

Igual agradecería si alguien pudiera explicarme el como modificar una base de datos rápida  con MySql para que almacene esos datos

7
Gracias, ahora mismo veo los tutoriales y todo!

8
Buenas a todos! Quiero comentar que estoy haciendo un sitio web pues una persona me contrató para hacerlo, yo accedí pues tengo conocimientos de HTML5 y CSS3, el problema es que me pidió hacer un formulario para el sitio web, lo hice pero no sé como crear una base de datos en la cual me lleguen los datos que metan. Actualmente tengo un hosting de pruebas en el cual pruebo los sitios web que hago, hay una opción de bases de datos mysql pero no sé usar nada, quisiera que me ayudaran a poder hacer la base de datos.

PD: La base de datos la estoy intentando hacer con PhPMyAdmin


Páginas: [1]

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".