
Lucas Campanille
Membros-
Total de itens
7 -
Registro em
-
Última visita
Tudo que Lucas Campanille postou
-
Eai pessoal, tudo bem? Seguinte, eu estou com esse script: <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <style> img{border:none;} ul,li{ margin:0; padding:0; } li{ list-style:none; float:left; display:inline; margin-right:10px; } #zoom{ position:absolute; border:1px solid #000; display:none; float:right; } </style> </head> <body> <ul> <li><a href="1.jpg" class="zoom"><img src="1.jpg" width="240" height="153" /></a></li> <li><a href="2.jpg" class="zoom"><img src="2.jpg" width="240" height="153" /></a></li> <li><a href="3.jpg" class="zoom"><img src="3.jpg" width="240" height="153" /></a></li> </ul> <script> this.imagezoom = function(){ xOffset = 30; yOffset = 10; $("a.zoom").hover(function(e){ $("body").append("<p id='zoom'><img src='"+ this.href +"'/>"+"</p>"); $("#zoom") .css("top",(event.pageY - yOffset) + "px") .css("left",(event.pageX + xOffset) + "px") .fadeIn("fast"); }, function(){ this.title = this.t; $("#zoom").remove(); }); $("a.zoom").mousemove(function(e){ $("#zoom") .css("top",(event.pageY - yOffset) + "px") .css("left",(event.pageX + xOffset) + "px"); }); }; $(document).ready(function(){ imagezoom(); }); </script> </body> </html> Ele só tem um problema que eu não consegui resolver. Se a imagem estiver no canto direito da tela (ex. quando a tela está redimensionada p/ tamanho menor) o #zoom vai continuar abrindo à direita, criando assim uma rolagem que eu não gostaria que tivesse. Minha ideia é que ele previsse isso, algo como: Se ((posição_atual_do_mouse + tamanho_do_zoom) > largura_da_janela) { xOffset = (posição_atual_do_mouse - tamanho_do_zoom)} assim daria pra, se por acaso passasse do tamanho total da janela, ele fizesse um espaçamento à esquerda e não à direita. isso também sem ter que criar uma classe diferente pra cada link, já que as janelas podem ter tamanho diferenciado e tal... Se alguém puder me ajudar ou dar uma dica, fico muito agradecido!
-
Seguinte galera, o que quero é algo um pouco mais avançado e o meu conhecimento sobre php é um pouco limitado para que eu possa fazer as alterações que eu procuro. Estou procurando alguém que cobre pelo serviço, vou utilizar para gerenciar um sistema web. É o seguinte: Um sistema básico que é parecido com este:http://codecanyon.net/item/mini-backend-gallery-v2-powerful-image-gallery/240023 Ele consiste em uma interface que permita fazer upload e download de imagens. No entanto, ele só permite a criação de uma conta adm. O que nós precisamos é que o sistema permita criar diversas contas de usuários e admins. 1 - O usuário pode se cadastrar e acessar sua conta (que será atrelada a uma pasta). Nessa conta, eles podem fazer upload de imagens e deletá-las, nenhuma outra alteração. 2 - As contas adm devem poder visualizar todas as contas de usuários e efetuar qualquer alteração nas pastas e seus conteúdos (colocar/alterar/deletar/renomear, sem restrição). A princípio, apenas isso, mas em adição também gostaríamos de um orçamento para o mesmo sistema com outras ferramentas. Entendo que nesse caso pode não ser possível fazer a alteração em cima do sistema que já temos, por isso estou pedindo em separado. Seria o mesmo sistema com a opção de compra de créditos atrelada a cada conta de usuário criada. Assim, o usuário compra um determinado valor em créditos (a definir o sistema de compra, se paypal, cartão de crédito, boleto ou pagseguro), e pode visualizar seu extrato ao acessar sua conta. Daí, a cada imagem que ele fizer upload, será automaticamente descontado de seus créditos um determinado valor (ex. R$ 5,00). Então se ele comprar R$ 20,00 em créditos, poderá fazer upload de 4 imagens. Além disso, o sistema deverá permitir que o usuário compre "promoções", por exemplo, se colocar R$ 40,00 em créditos, poderá fazer upload de 10 imagens, e não 8. Neste sistema mais avançado, também precisamos da opção de níveis diferentes de admin (com restrições para alterar coisas dependendo do nível), e um relatório sobre todas as alterações feitas por cada um (para ter controle sobre as ações de cada conta de admin). Daí precisa haver uma conta admin Master, que será usada apenas pelos donos do negócio, que poderão visualizar o relatório de ações e efetuar qualquer alteração nas contas admin e usuários. É isso aí, se alguém tiver como considerar esses itens e fazer um orçamento, ou tiver alguma ideia, recomendação ou qualquer luz, eu agradeço de coração ;)
-
(Resolvido) Ajax - javascript não funciona depois de um ajax call
pergunta respondeu ao Lucas Campanille de Lucas Campanille em Ajax, JavaScript, XML, DOM
consegui resolver então vou postar aqui como fiz, pode ser que ajude alguém usei isso: <script> var x = 0; function loadjscssfile(filename, filetype){ if (filetype=="js"){ //if filename is a external JavaScript file var fileref=document.createElement('script') fileref.setAttribute("type","text/javascript") fileref.setAttribute("src", filename) } else if (filetype=="css"){ //if filename is an external CSS file var fileref=document.createElement("link") fileref.setAttribute("rel", "stylesheet") fileref.setAttribute("type", "text/css") fileref.setAttribute("href", filename) } if (typeof fileref!="undefined") document.getElementsByTagName("head")[0].appendChild(fileref) } </script> o link: <a href="java script:loadjscssfile('script/loadscript.js','js')" >Load "myscript.js"</a> o arquivo js var html = <div> conteudo inteiro em html </div> if (x < 1) { loadjscssfile("css/styles.css", "css"); loadjscssfile("script/jquery.box.js", "js"); loadjscssfile("script/box_action.js", "js"); document.getElementById('conteudo').innerHTML = html; x++; } else { loadjscssfile("script/box_action.js", "js"); document.getElementById('conteudo').innerHTML = html; } funcionou direitinho :) -
Eai galera, tudo bom? Estou com dificuldade pra resolver um problema que deveria ser simples. Tenho duas páginas, as duas funcionam perfeitamente separadas, até mesmo se coloco uma dentro da outra através de iframe As duas páginas tem scripts jquery etc, quando a pessoa clica em um link na página principal, dou call numa função do ajax e carrego a 2ª página dentro de uma div entretanto quando esta página é carregada, ela não carrega os scripts (neste caso minha intenção era de carregar um slideshow) gostaria de saber se existe uma forma de quando eu carregar a página dentro da div, carregar junto todas as funções que acompanham essa 2ª página Valeu de novo pela atenção :)
-
Simples loop não funciona no Firefox
pergunta respondeu ao Lucas Campanille de Lucas Campanille em Ajax, JavaScript, XML, DOM
opa, funcionou sim! já aprendo mais essa, valeuzão mesmo! Abraço -
estou com problema pra executar uma simples função em loop <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script> <script type="text/javascript"> var i=0; for (i=0;i<=5;i++) { $( init ); function init() { $('h1').fadeOut('slow'); $('h1').fadeIn('slow'); } } </script> <body> <h1>Hi there!</h1> </body> </html> Funciona bem em todos os browsers exceto o Firefox, o que muito me surpreende. Alguém tem alguma ideia? valeu!
-
um sistema em que o admin preenche algo como um formulário, pondendo colocar suas fotos/vídeos/textos/links etc pra gerar uma página automática E um "chamado" como se fosse o post de um fórum em que você lê o título (como foi na página anterior do seu browser lol), clica nele e direciona pra um post, como vocês acabaram de fazer :D Na verdade, eu queria colocar esse "chamado" na home de um site, alí as pessoas veriam vários desses "posts" e entrariam em algum. e claro, gostaria de poder customizar esse "chamado" pra seguir um estilo, como uma foto de um lado e descrição do outro, algo do gênero Valeu!