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 para baixo  Mensagem [Página 1 de 2]

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

EYPO

Super-membro
EYPO

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 - Dom 2 Fev 2014 - 16:08

DJPRMF

Administrador
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... 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
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

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

EYPO

Super-membro
EYPO

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 - Dom 2 Fev 2014 - 16:47

DJPRMF

Administrador
DJPRMF

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


____________________________________________

jQuery dropdowns Tugatechuserbar
jQuery dropdowns 3
jQuery dropdowns 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

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

EYPO

Super-membro
EYPO

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 - Dom 2 Fev 2014 - 19:33

DJPRMF

Administrador
DJPRMF

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
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

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

EYPO

Super-membro
EYPO

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 - Dom 2 Fev 2014 - 20:32

DJPRMF

Administrador
DJPRMF

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


____________________________________________

jQuery dropdowns Tugatechuserbar
jQuery dropdowns 3
jQuery dropdowns 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

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

EYPO

Super-membro
EYPO

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

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

DJPRMF

Administrador
DJPRMF

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
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

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

EYPO

Super-membro
EYPO

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 - Dom 2 Fev 2014 - 21:23

DJPRMF

Administrador
DJPRMF

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
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

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

EYPO

Super-membro
EYPO

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

 

Veja como esta,

 

 

 

http://pastebin.com/ijKLPYxS

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

DJPRMF

Administrador
DJPRMF

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


____________________________________________

jQuery dropdowns Tugatechuserbar
jQuery dropdowns 3
jQuery dropdowns 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

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

EYPO

Super-membro
EYPO

Nada.. Nao percebo qual o erro 

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

DJPRMF

Administrador
DJPRMF

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
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

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

EYPO

Super-membro
EYPO

Está na mesma Sad

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

DJPRMF

Administrador
DJPRMF

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
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

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

EYPO

Super-membro
EYPO

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

 

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

DJPRMF

Administrador
DJPRMF

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
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

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

EYPO

Super-membro
EYPO

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 - Seg 3 Fev 2014 - 14:21

DJPRMF

Administrador
DJPRMF

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
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

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

EYPO

Super-membro
EYPO

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 - Seg 3 Fev 2014 - 14:37

DJPRMF

Administrador
DJPRMF

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
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

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

EYPO

Super-membro
EYPO

Sim, eles estão todos no sitio certo 

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

Ir à página : 1, 2  Seguinte

Permissões neste sub-fórum
Não podes responder a tópicos




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