1. TugaTech » Programação, Scripts e Webmasters » Programação, Scripts e Webmasters

Siga-nos

Realize o Login na sua conta ou Registe-se para participar.

Ir à página : 1, 2  Seguinte

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 2]

#1 jQuery dropdowns - em Dom 2 Fev 2014 - 13:46

EYPO

Super-membro
avatar

@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 http://tugatech.com.pt/t14223p15-pap#52041 ~DJPRMF

Ver perfil do usuário

#2 Re: jQuery dropdowns - em Dom 2 Fev 2014 - 16:08

DJPRMF

Administrador
avatar

Boas,

 

Para outros utilizadores que leiam o tópico e não entendam, este é uma continuação de http://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... Wink

 

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


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

#3 Re: jQuery dropdowns - em Dom 2 Fev 2014 - 16:14

EYPO

Super-membro
avatar

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/ 

Ver perfil do usuário

#4 Re: jQuery dropdowns - em Dom 2 Fev 2014 - 16:47

DJPRMF

Administrador
avatar

Referi na mensagem anterior o que aparenta ser o problema. Wink


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

#5 Re: jQuery dropdowns - em Dom 2 Fev 2014 - 18:52

EYPO

Super-membro
avatar

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 Smile

Ver perfil do usuário

#6 Re: jQuery dropdowns - em Dom 2 Fev 2014 - 19:33

DJPRMF

Administrador
avatar

Deixo aqui o que necessita de realizar:

http://jsfiddle.net/4kPxZ/

 

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

 

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...


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

#7 Re: jQuery dropdowns - em Dom 2 Fev 2014 - 20:28

EYPO

Super-membro
avatar

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 ?

Ver perfil do usuário

#8 Re: jQuery dropdowns - em Dom 2 Fev 2014 - 20:32

DJPRMF

Administrador
avatar

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


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

#9 Re: jQuery dropdowns - em Dom 2 Fev 2014 - 20:35

EYPO

Super-membro
avatar

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

Ver perfil do usuário

#10 Re: jQuery dropdowns - em Dom 2 Fev 2014 - 20:39

DJPRMF

Administrador
avatar

Ok.

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


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

#11 Re: jQuery dropdowns - em Dom 2 Fev 2014 - 20:55

EYPO

Super-membro
avatar

Esta aqui Smile

 

http://pastebin.com/e7nw0xZT

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

Ver perfil do usuário

#12 Re: jQuery dropdowns - em Dom 2 Fev 2014 - 21:23

DJPRMF

Administrador
avatar

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. Wink

 

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) Wink

 


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

#13 Re: jQuery dropdowns - em Dom 2 Fev 2014 - 22:16

EYPO

Super-membro
avatar

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

 

Veja como esta,

 

 

 

http://pastebin.com/ijKLPYxS

Ver perfil do usuário

#14 Re: jQuery dropdowns - em Dom 2 Fev 2014 - 22:54

DJPRMF

Administrador
avatar

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


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

#15 Re: jQuery dropdowns - em Dom 2 Fev 2014 - 23:30

EYPO

Super-membro
avatar

Nada.. Nao percebo qual o erro 

Ver perfil do usuário

#16 Re: jQuery dropdowns - em Dom 2 Fev 2014 - 23:37

DJPRMF

Administrador
avatar

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..


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

#17 Re: jQuery dropdowns - em Seg 3 Fev 2014 - 0:23

EYPO

Super-membro
avatar

Está na mesma Sad

Ver perfil do usuário

#18 Re: jQuery dropdowns - em Seg 3 Fev 2014 - 8:01

DJPRMF

Administrador
avatar

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

Poderia tirar uma screenshot da mesma?


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

#19 Re: jQuery dropdowns - em Seg 3 Fev 2014 - 12:20

EYPO

Super-membro
avatar

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

 

Ver perfil do usuário

#20 Re: jQuery dropdowns - em Seg 3 Fev 2014 - 13:43

DJPRMF

Administrador
avatar

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. Smile


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

#21 Re: jQuery dropdowns - em Seg 3 Fev 2014 - 14:18

EYPO

Super-membro
avatar

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
 

Ver perfil do usuário

#22 Re: jQuery dropdowns - em Seg 3 Fev 2014 - 14:21

DJPRMF

Administrador
avatar

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

 

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


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

#23 Re: jQuery dropdowns - em Seg 3 Fev 2014 - 14:26

EYPO

Super-membro
avatar

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. 

Ver perfil do usuário

#24 Re: jQuery dropdowns - em Seg 3 Fev 2014 - 14:37

DJPRMF

Administrador
avatar

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


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

#25 Re: jQuery dropdowns - em Seg 3 Fev 2014 - 15:15

EYPO

Super-membro
avatar

Sim, eles estão todos no sitio certo 

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 2]

Ir à página : 1, 2  Seguinte

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum




Aplicações do TugaTechAplicações TugaTechBlog TugaTechBlog do TugaTechRSS TugaTechRSS do TugaTechSpeedtest TugaTechSpeedtest TugatechHost TugaTechHost TugaTech