Pdx0309
Usuario (Chile)
Hola a todos, hace siglos que no posteaba pero estoy de vuelta. No se si es noob lo que estoy haciendo pero les puede servir de utilidad. Antes de hacer esto debes tener jQuery en tu sitio web ¿les ha pasado que quieren aplicar un color a un div y a su vez quieren colorear de un color mas oscuro el borde? Aquí les tengo la solución los primero que deben manejar es el uso de data-, una atributo HTML5 al cual puedes terminarlo con lo que quieras (siempre que sean letras), cabe decir que se puede poner en cualquier etiqueta de <body> por ejemplo: <p data-color='FFEA78'>hola</p> <div data-comentario='data- es facil'></div> <h2 data-HolaKAse='K onda'>Ai Peleíta?</h2> ... etc. Pero vamos al grano nosotros vamos a usar el atributo data-color, como dije puedes escibir lo que sea, pero para no complicarse, usaré ese. escribamos algunos divs(aún no sirven, la magia viene después) <div data-color='FF0000'>Hola</div> <div data-color='559879'>Estoy </div> <div data-color='676789'>Usando</div> <div data-color='00FFAA'>Data color</div> Ahora lo importante, validar todos los data-color al final de tu pagina web <script> //VALIDAR DATA-COLOR (function(){ for(i=0;i<$('[data-color]').length;i++){ col=$('[data-color]')[ i ].getAttribute('data-color') aplicar_color=col; aplicar_borde=new Array(); aplicar_borde[0]=parseInt('0x'+col.charAt(0)+col.charAt(1)); aplicar_borde[1]=parseInt('0x'+col.charAt(2)+col.charAt(3)); aplicar_borde[2]=parseInt('0x'+col.charAt(4)+col.charAt(5)); for(j=0;j<aplicar_borde.length;j++){ aplicar_borde=Math.round(aplicar_borde*0.3); aplicar_borde=(aplicar_borde).toString(16); aplicar_borde=(aplicar_borde.length==1) ? '0'+aplicar_borde : aplicar_borde; } aplicar_borde_final=aplicar_borde[0]+aplicar_borde[1]+aplicar_borde[2]; $('[data-color]')[ i ].style['background-color']='#'+aplicar_color; $('[data-color]')[ i ].style['border-color']='#'+aplicar_borde_final; $('[data-color]')[ i ].style['border-style']='solid'; $('[data-color]')[ i ].style['border-width']='1px'; } })(); </script>
Lo único que necesitas es Wamp Server. Vas a C:/wamp/www/ (o donde se encuentre el directorio de sitios) y creas una carpeta con los archivos que vienen a continuación:En el archivo index.html escribes:<html><head><title>Pagina Principal</title></head><body><form action="enviar-escrito.php" method="get" style=border:1px dashed;>Nombre:<br /><input type="text" name="archivo" /><br />Texto:<br /><textarea name="texto"></textarea><input type="submit" value="enviar" /></form></body></html>en enviar-escrito.php escribes:<?php$txt= $_GET['texto'];$archivo=$_GET['archivo'];$ar= fopen($archivo.".txt","w+";fwrite($ar,$txt);fclose($ar);echo "El archivo "$archivo.txt" se ha escrito correctamente.<br>";echo "Sus datos son:<br> $txt"?>y listo pruba en WAMP