Postagens
Male
<html>
<head>
<script src="http://code.jquery.com/jquery-1.5.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
x=$(".lol:last").offset();
$("#resultado").show();
$("#resultado").html("Left offset: " + x.left + " Top offset: " + x.top);
});
});
</script>
</head>
<body>
<style>
*{padding: 0; margin: 0}
#tudo{background: #CCC; padding: 5px; height: 200px}
#red{background-color: red; padding: 1px; width: 5px; height: 5px; margin: 5px}
#blue{background-color: blue; padding: 1px; width: 5px; height: 5px; margin: 5px}
#resultado{color: #008000; background-color: #99FFA5; border: 1px solid #00FF1E; padding: 5px}
</style>
<button>Clique aqui!</button>
<div id="tudo">
<div class="lol" id="red" style="margin-left: 50px; margin-top: 10px"></div>
<div class="lol" id="red"></div>
<div class="lol" id="blue"></div>
</div>
<div id="resultado" style="display: none"></div>
</body>
</html>Quando eu aperto no Botão, aparece o left e top, do primeiro elemento que tem a class "lol", na div resultado...
Mas eu quero que aparece tudo, exemplo.. tem 3 elemento com essa class, iria exibir algo tipo..
Left offset: 10 Top offset: 62
Left offset: 10 Top offset: 62
Left offset: 10 Top offset: 62
Terminando, eu quero, que quando clicar no botao, aparece as informações de todos os elementos.
Espero que tenha teendido.
Até mais
