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

Siga-nos

Você não está conectado. Conecte-se ou registre-se

jQuery dropdowns

Ir à página : 1, 2  Seguinte

Ir em baixo  Mensagem [Página 1 de 2]

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

EYPO

EYPO
Super-membro

@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

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

DJPRMF

DJPRMF
Administrador

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


____________________________________________

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

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

EYPO

EYPO
Super-membro

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/ 

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

DJPRMF

DJPRMF
Administrador

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


____________________________________________

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

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

EYPO

EYPO
Super-membro

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

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

DJPRMF

DJPRMF
Administrador

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


____________________________________________

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

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

EYPO

EYPO
Super-membro

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 ?

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

DJPRMF

DJPRMF
Administrador

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


____________________________________________

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

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

EYPO

EYPO
Super-membro

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

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

DJPRMF

DJPRMF
Administrador

Ok.

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


____________________________________________

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

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

EYPO

EYPO
Super-membro

Esta aqui Smile

 

http://pastebin.com/e7nw0xZT

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

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

DJPRMF

DJPRMF
Administrador

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

 


____________________________________________

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

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

EYPO

EYPO
Super-membro

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

 

Veja como esta,

 

 

 

http://pastebin.com/ijKLPYxS

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

DJPRMF

DJPRMF
Administrador

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


____________________________________________

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

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

EYPO

EYPO
Super-membro

Nada.. Nao percebo qual o erro 

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

DJPRMF

DJPRMF
Administrador

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


____________________________________________

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

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

EYPO

EYPO
Super-membro

Está na mesma Sad

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

DJPRMF

DJPRMF
Administrador

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

Poderia tirar uma screenshot da mesma?


____________________________________________

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

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

EYPO

EYPO
Super-membro

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

 

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

DJPRMF

DJPRMF
Administrador

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


____________________________________________

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

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

EYPO

EYPO
Super-membro

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
 

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

DJPRMF

DJPRMF
Administrador

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


____________________________________________

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

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

EYPO

EYPO
Super-membro

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. 

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

DJPRMF

DJPRMF
Administrador

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


____________________________________________

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

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

EYPO

EYPO
Super-membro

Sim, eles estão todos no sitio certo 

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