EYPO escreveu:

Não estou a conseguir utilizar o drop down 

 

Eles dão este codigo:

http://pastebin.com/y9WYgJ0e

 

Para chamar a pagina de CSS, mas depois eles não me dão a pagina.

 

É capaz de me dar uma ajuda ? 

Nota de moderação: Para outros utilizadores que leiam o tópico e não entendam, este é uma continuação de https://tugatech.com.pt/t14223p15-pap#52041 ~DJPRMF

Boas,

Para outros utilizadores que leiam o tópico e não entendam, este é uma continuação de https://tugatech.com.pt/t14223p15-pap#52041

O objectivo de criar um novo tópico passaria por manter uma certa organização no conteúdo. Do ponto de vista de outro utilizador que visse esta mensagem, ficaria sem se perceber ao que refere.

Seria mais simples criar uma pequena explicação do problema, visto que, apesar de eu saber do que se trata, outros utilizadores não o sabem. A sua mensagem não possui sentido para quem não saiba ao que se refere...

Em todo o caso, deve adicionar os respectivos ficheiros no seu alojamento (jquery.dropdown.css e jquery.dropdown.js), alterando posteriormente os links do código HTML que referiu. Os ficheiros estão no Github da pagina http://labs.abeautifulsite.net/jquery-dropdown/ (ou directamente em https://github.com/claviska/jquery-dropdown )

Cumps

Então, cá vai para os outros utilizadores :

O que eu desejo fazer é ao clicar numa foto / texto abrir uma janela pequena onde consiga fazer o Login do site que eu estou a fazer. 

O que me foi proposto pelo DJPRMF foi utilizar o http://labs.abeautifulsite.net/jquery-dropdown/ 

Referi na mensagem anterior o que aparenta ser o problema.

Boas, nao estou a conseguir meter o jQuery a funcionar ..

http://labs.abeautifulsite.net/jquery-dropdown/

No 1º ponto mete o codigo entre o <[CODIGO HTML NAO PERMITIDO]> 

No 2º ponto usei o codigo do dropdown panel e meti dentro da DIV onde esta a imagem que quero utilizar para quando clicar na imagem aparecer o dropdown para fazer o login.

E o 3º ponto meti na imagem que quero usar para abrir o dropdown.

Depois add os ficheiro css e js ao site.

Mas nao sei se tenho de mudar alguma coisa no css ou no js porque qunado vou testar e meto o rato em cima da imagem o rato muda mas clico e nao faz nada.. nem dá qualquer tipo de erro.

Aguardo alguma ajuda. Cumps

Deixo aqui o que necessita de realizar:

http://jsfiddle.net/4kPxZ/

Penso que esteja tudo claro no código, mas alguma duvida basta dizer.

Não se esqueça que deve sempre adicionar o jquery antes de tudo e utilizar os ficheiros (JS e CSS) do seu alojamento ou onde estes se encontrem...

Fiz como estava explicado mas continuo a ter um problema.. O que me esta a acontecer é o seguinte: A imagem continua lá clica-se nela mas nao faz nada so que agora no lado superior esquerdo aparece o Utilizador e Password escrito.

Sabe o que poderá ser ?

Sera que são as divs que estão mal feitas ?

Poderia partilhar o local/site onde se encontra o código?

O site não esta alojado, ainda o tenho no xampp 

Ok.

Nesse caso poderia colocar no Pastebin a totalidade do código da pagina onde se encontra o script/código?

Esta aqui

http://pastebin.com/e7nw0xZT

(Se nao se importa, depois de conseguir resolver este pequeno problema irei tirar o link ok ? )

Por mim pode remover o código do pastebin, mas, sinceramente, não vejo algo de "secreto" que não possa ser partilhado. Note que tudo o que está ai a colocar irá, mais tarde, ser acessível por qualquer pessoa, já que é o HTML da página.

Suponho que a imagem "./imagens/log.png" seja a que pretende clicar para abrir o dropdown.

Pelo que vejo, aparenta possuir dois problemas. O primeiro encontra-se no facto de não possuir o código do Jquery.

Deve introduzir na head o jquery. Algo assim: http://pastebin.com/eT45w92z

O segundo problema aparenta encontrar-se no facto de "iniciar" o dropdown antes de utilizar a DIV com o conteúdo (neste caso o form).

Ou seja, deve ficar algo assim: http://pastebin.com/CEU6JrCT

Repare que a imagem que vai ter o dropdown encontra-se depois da div com o id "dropdown-1" (que possui o conteúdo do dropdown)

Nao percebo porque isto continua a dar-me erro :S

Veja como esta,

http://pastebin.com/ijKLPYxS

A consola do navegador não apresenta nenhum erro ou alerta?

Nada.. Nao percebo qual o erro 

Penso que o problema se encontra no facto do jQuery não se encontrar  a ser carregado correctamente.

Tente realizar o download do mesmo e utilizar directamente do seu computador (tal como ocorre nos restantes scripts)

Substitua o "cdn.jsdelivr.net/blablabla" pelo link local, tal como fez com o jquery.dropdown.js, imagens,etc..

Está na mesma

Têm a certeza que a consola de programação do navegador não apresenta nenhum erro?

Poderia tirar uma screenshot da mesma?

Eu uso o Notepad++ e pelo que sei, não não apresenta erros 

O Notepad++ é bom para editar código, mas não apresenta erros ou mensagens de alerta. É apenas um editor.

Quando me referi à consola de programação é a do navegador. Por exemplo, no Chrome, ao pressionar o F12 num site, deve aparecer a consola de programação.

A aba "Console" possui os erros detectados no documento.

Há.. falha minha entao xD

Aparece 3 erros:

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost/estilos/jquery.dropdown.css
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost/estilos/jquery.dropdown.js
Failed to load resource: the server responded with a status of 404 (Not Found)

http://localhost/estilos/jquery.js
 

Os erros indicam que os ficheiros não estão a ser carregados. Esse é o problema...

Consegue aceder directamente aos ficheiros pelo seu navegador? Penso que deva ter de adicionar a porta em seguida ao "localhost". 

Por exemplo na consola se eu clicar nos links dos ficheiros abre uma pagina em branco onde penso eu que devia de estar o codigo. 

Isso indica que não está a carregar os ficheiros. 

Suponho que os ficheiros estejam nos locais correctos, certo? Ou seja, dentro da pasta "estilos"?

Onde é que está a colocar os ficheiros do site? Devem ser colocados, salvo erro, dentro da pasta "htdocs" de onde possui o XAMPP instalado.

Por exemplo: C:\xampp\htdocs\

E no exemplo do ficheiro "jquery.js": C:\xampp\htdocs\estilos\jquery.js

Sim, eles estão todos no sitio certo