Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: tata en 15 de Agosto 2015, 17:43
-
Hola a todos/as:
No entiendo porque no me sale,tengo un index.html
[code][b][color=red]<!DOCTYPE html>
<html lang="en">
<html>
<head>
<title>ENSAYOS DE JQUERY</title>
<meta charset="utf-"8"/>
<meta name="description"content="hypnosis -cura de enfermedades en Dallas Texas"/>
<meta name="viewport"content="width=device-width,initial-scale=1"/>
<link rel="stylesheet" href="stylesjq.css"/>
<link href='http://fonts.googleapis.com/css?family=Chewy' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="micapa">Hola Mundo!!!</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="ensayo.js"></script>
</body>
</h[/color][/b][/code]
y abri una hoja de ensayos.js para no hacerlo en la misma hoja de index y puse este codigo
[color=blue][b]$(document).ready(function(){
$("#micapa").on("click",funcionManejadora);
function funcionManejadora(){
//$("#micapa").css("clor","blue");
$("#micapa").css({
"color": "blue","font-size":"2em"
)};[/b][/color]
Gracias de antemano
-
Hola tata,
Te dejo unas formas de hacer lo que te propones para ver si logras entenderlo. Si no entiendes algo lo comentamos.
Saludos.
Una es simplemente:
<script>
$(document).ready(function(){
$("#micapa").on("click",function(){
$("#micapa").css("color", "#FF8800");
});
});
</script>
Y la otra:
<script>
function cambiacolor () {
$("#micapa").css("color", "#FF8800");
};
</script>
Poniendo en tu div
<div id="micapa" onclick="javascript:cambiacolor();">Hola Mundo!!!</div>
Y si quieres el archivo externo:
//Contenido de ensayo.js
$(document).ready(function() {
$('#micapa').bind('click', function () {
$(this).css("color","blue");
});
});
Edito: No obstante creo que tu código solo falla en que llamas a la función antes de declararla y ademas se te ha olvidado los paréntesis en la llamada, compruébalo