martes, 28 de julio de 2020

Numeros Complejos

https://calculadorasonline.com/ley-de-senos-y-cosenos-online/

https://es.symbolab.com/solver/complex-number-calculator/3-2i

https://calculadorasonline.com/calculadora-de-numeros-complejos-numeros-imaginarios/#resultado

https://www.solumaths.com/es/calculadora/calcular/computadora

https://www.calculadoraconversor.com/calcular-el-modulo-numeros-complejos/

Multifuncional

grafica, punto de recta, ecuaciones de sengudo grado, todo paso a paso
https://es.symbolab.com/solver/polynomial-calculator/-5x%5E%7B2%7D%2B24x%2B1.3%20%3D%2028.3

mini calculadora

fctorizar, simplicar
ecuacion de segundo grado
http://www.minimath.net/index_es.htm

muchas calculadoras online

http://es.onlinemschool.com/math/assistance/

calculadora usando leyes de seno

https://calculadorasonline.com/ley-de-senos-y-cosenos-online/

domingo, 17 de mayo de 2020

Practicar FlexBox

https://flexboxfroggy.com/#es

https://cssgridgarden.com/#es

Como hacer visible/invisible uan caja de texto

<!DOCTYPE html>

<html>

<head>

    <title>Ejercicio css  display:none</title>

    <meta charset="utf-8"/>

    <meta name="author" content="Victor Hernandez"/>

    <script src="https://code.jquery.com/jquery-3.5.0.js"></script>

    <style>

        /*Instrucciones CSS*/

        *{

            margin:0;

            padding:0;

            box-sizing:border-box;

        }

        .derecha{

            width:600px;

            padding:20px;

            border:1px solid #000;

            margin:20px 50px;

            display:inline-block;

            /*float:left;*/

        }

        .derecha{

            background-color:#ccc;

        }

     .caja-1{

            width:150px;

            height:60px;

            border:1px solid #000;

            margin:10px;

            background-color:#395fdd;

            float:left;

            display:block;

            color:#fff;

            font-weight:bold;

            font-size:18px;

        }

        .caja-3{

            width:150px;

            height:160px;

            border:1px solid #000;

            margin:10px;

            background-color:#439104;

            float:left;

            display:flexbox;

            color:#fff;

            font-weight:bold;

            font-size:18px;

          /*  display:none;*/

        }

        .derecha .caja-3{display:none;}

    </style>

    <script>

    $(document).ready(function(){

        $("#mostrar").on( "click", function() {

            $('.caja-3').css('visibility', 'visible');

            if( $('.caja-3').is(":visible") ) {

                $('.caja-3').css('display', 'none'); 

            } else {

                $('.caja-3').css('display', 'block');

            }

        });

         // Comprobar cuando cambia un checkbox

    $('input[type=checkbox]').on('change', function() {

        if ($(this).is(':checked') ) {

           // alert("Checkbox " + $(this).prop("id") +  " (" + $(this).val() + ") => Seleccionado");

            $('.caja-3').css('display', 'block');

        } else {

           // alert("Checkbox " + $(this).prop("id") +  " (" + $(this).val() + ") => Deseleccionado");

           $('.caja-3').css('display', 'none'); 

        }

    });

/* tambien es valido haerlo asi */

$( '#xFecha1' ).on( 'click', function() {

    if( $(this).is(':checked') ){

        // Hacer algo si el checkbox ha sido seleccionado

        alert("El checkbox con valor " + $(this).val() + " ha sido seleccionado");

    } else {

        // Hacer algo si el checkbox ha sido deseleccionado

        alert("El checkbox con valor " + $(this).val() + " ha sido deseleccionado");

    }

    });

    </script>

</head>

<body>

    <div class="derecha">

        <!-- div.caja-$*6 -->

        <div class="caja-1">1</div>

        <div class="caja-2"> <input type="checkbox" id="xFecha1" name="xFecha1" value="1">

            <label for="Fecha1">Fecha</label><br>

        </div>

        <div class="caja-3">
</div>

    </div>

    <br>

</body>

</html>

viernes, 1 de mayo de 2020

Crear un menu solo con CSS




<ul>

<li class="active"><a href="#inicio">Inicio</a></li>

<li><a  href="#inicio">Blog</a></li>

<li><a href="#inicio">Acerca de</a></li>
  </ul>

<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus est eligendi ullam qui, fugit quis assumenda dicta cupiditate a aperiam adipisci eveniet? Eum illo consequatur reiciendis in quae facere alias?
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus est eligendi ullam qui, fugit quis assumenda dicta cupiditate a aperiam adipisci eveniet? Eum illo consequatur reiciendis in quae facere alias?
</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus est eligendi ullam qui, fugit quis assumenda dicta cupiditate a aperiam adipisci eveniet? Eum illo consequatur reiciendis in quae facere alias?
</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus est eligendi ullam qui, fugit quis assumenda dicta cupiditate a aperiam adipisci eveniet? Eum illo consequatur reiciendis in quae facere alias?
</p>
</div>

body{
background-color: #eee;

}

ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #333;
}
li {
float: left;
}
li a{
display: block;
color: white;
text-align: center;
padding: 14px;
text-decoration: none;
}
li:hover {
background-color: rgba(0,0,0,0.3);
}
.active {
background-color: green;
}
.content{
margin-top: 55px;
}

Atributos CSS

body{
background-color: antiquewhite;

}
/* el padre y luego el hijo */
ul  {
    background-color: #fff;
    border: solid 1px #ddd;
    border-radius: 4px;
    padding-left: 0px;
    list-style-type: none;
}
li{
    padding: 15px;
    border-bottom: solid 1px #ddd;
}

table{
    width: 100%;
    background-color: white;
    border-collapse: collapse;
}
/* tambien puede ser odd */
tr:nth-child(even) {
    background-color: #f2f2f2;

}
td{
    border: solid 1px #ddd;
    padding: 8px;
}
/* el padre y luego el hijo */
table th {
    background-color: #4caf50;
    color: white;
    text-align: left;
    padding-top: 12px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 12px;

}

a{
    color: hotpink;
    background-color: #f00;
    border: solid 1px #d00;
    padding: 10px;
   margin: 15px;
   border-radius: 4px;

}
 a:link{
     color: red;
    text-decoration none;
 }
 a:visited{

    color:white;
   
 }

 a:active{
    color: black;
   

 }
 a:hover{
    color: white;
 
    background-color: #f55;

 }
 
p {
    font-family:'Times New Roman', Times, serif;
    font-weight: ;
    font-style: italic;
    font-size: 1.5em;

    color : blue;
    text-align: left;
    text-indent: 40px;
    line-height: 1.7;
    word-spacing: 10px;
    text-shadow: 1px 2px 2px rgba(255,0,0,0.3);


}

.caja{
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    border-radius: 2px;
    border-top:  solid 0px;
 
}
.contenido{
    padding: 10px;

}
.header{
    padding: 10px;
    border-bottom: solid 1px #eee;
}

.footer{
padding: 10px;
border-top: solid 1px #eee;
}
.primario{
    background-color: #0092ff;
    padding: 5px;
    color: #fff;
    border: 0px;

}
.secundario{
    background-color: #aaa;
    padding: 5px;
    border: 0px;
    color: #fff;
   
}

<html >

    <head> 

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title> hola</title></head>

    <link href="main.css" rel="stylesheet" type="text/css">

<body>

    <p>Juan ya tiene la web de su negocio desarrollada. Ahora está valorando los costes que le supondría contratar un servidor de alojamiento, aunque también está investigando la posibilidad de hosting gratuito.    ¿Qué va a detectar Juan con su investigación? </p>

<h1>Bloque h1</h1>

<div>Bloque div</div>

<form>Form</form>

<header>Header</header>

<footer>Footer</footer>

<section>Section</section>

<p> hola soy un bloque ! </p>

<span>Hola soy inline !!</span>

<a>Hola soy inline !!</a>

<div id=invisible>Hola soy inline !!</div>

 <a href="https://www.google.com" >Google!</a>

<ul> <li>Elemento 1</li> <li>Elemento 2</li> <li>Elemento 3</li> <li>Elemento 4</li> </ul> <table> <tbody> <tr> <th>Empresa</th> <th>Contacto</th> <th>Pais</th> </tr> <tr> <td>Coca</td> <td>Victor</td> <td>Venezuela</td> </tr> <tr> <td>Cola</td> <td>Manuel</td> <td>Chile</td> </tr> </tbody></table> <div class="caja"> <div class="header">Soy cabecera</div> <div class="contenido">soy un Contenido dentro de la caja</div> <div class="footer"> <button class="primario" >Aceptar</button> <button class="secundario">Cancelar</button> </div> </div> </div>

miércoles, 29 de abril de 2020

JQUERY

Aca encontre informacion interesante de jqury
https://norfipc.com/codigos/jquery-ejemplos-practicos-usar-paginas-web.php

martes, 28 de abril de 2020

Ganar dinero por internet

una pagina que estoy haciendo uso para ganar dinero por internet es

luego debe colocar su email, y el codigo que se indica en la imagen

luego colocar su correo y una clave.

y cada 24 horas debe ir hacia el boton BONO y cobrar la recompensa diaria en el boton Reibir Bono

luego de esto,
ir a la seccion de Tienda (Store) y debes comprar un arbol

Despues haz clic donde dice Juego (Game) marcas el arbol y luego un clic en cualquier zona del terreno y ahi se plantara

y recuerde recojer las hojas y venderlas

https://golden-tea.me/gamer/

Calculadora de Polinomios

Ayudando a mi sobrina en unas tareas me encontre con esta pagina, de verdad me parecio muy buena para resolver ecuaciones polinomicas, (al menos consigue raices de ecuaciones cuadraticas)