Sari la conținut

Probleme Web Design


Florin_dioda

Postări Recomandate

Am rezolvat si problema cu fisierele htc. Defapt ele mergeau dar nu aveau efect din cauza unor filtre pe care le foloseam pentru background transparent cu care nu prea se impacau. Poveste lunga...

 

Dar mai am o intrebare:

Cum pot face ca atunci cand duc mouseul pe un div (hover) sa aiba efect asupra altui div? Adica ce vreu eu sa fac: atunci cand duc mouseul pe un meniu (un div) sa-mi apara prin efect de transformare (opacity de la 0 la X) un alt div in care este lista submeniurilor acelui meniu. Este o varianta alternativa a unui DropDown Menu la care m-am gandit, pentru ca doar pentru efectul transform (CSS3) exista filtre IE 6/7/8, nu si pentru transition(cum vroiam eu sa fac)

 

Si inca ceva:

Imi puteti arata o alternativa pentru hover? Pentru IE6/7/8.

 

Multumesc anticipat!

Link spre comentariu
Distribuie pe alte site-uri

O sa ai nevoie si de un mic javascript. Ca idee, scriptul de pornire sau pe care ar trebui sa-l modifici, ar trebui sa semene cu acesta:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html>
   <head>
       <style type="text/css">
       div.section:hover div.imagine, div.section:hover div.layer {
               border: solid 1px blue;
       }
       </style>
   </head>
   <body>
               <script>
                       function change() {
                               document.getElementById('section').style.backgroundColor="blue"; 
                               document.getElementById('imagine').style.backgroundColor="blue"; 
                       }
                       function changeback() {
                               document.getElementById('imagine').style.backgroundColor="#ffffff"; 
                               document.getElementById('layer').style.backgroundColor="#ffffff"; 
                       }
               </script>
       <div class="section">
               <div class="imagine"><img src="imagine.jpg" /></div>
               <div class="layer">TEHNIUM AZI</div>
       </div>
   </body>
</html>

 

Numai bine

Link spre comentariu
Distribuie pe alte site-uri

Multumesc de ajutor, dar am gasit o metoda si mai simpla, fara JavaScript.

 

Uitativa in fisierul CSS. Acest simbol: ~ este foarte important. Fara el nu ar merge. Acum am gasit si eu.

HoverDivEffectAnotherDiv.rar

 

Insa tot nu stiu cum sa rezolv problema HOVER in ie 6/7/8.

Stiu ca se face foarte simplu cu JOuery, am gasit ceva, dar nu m-am lamurit. Ma puteti ajuta?

Editat de Florin_dioda
Link spre comentariu
Distribuie pe alte site-uri

Pai stiu asta. Tocmai de aceea v-am intrebat daca stiti vreo metoda JavaScript pentru a inlocui hover in ie 6/7/8. Voi cauta mai atent pe google, iar daca nu voi gasi nimic voi intreba aici. (si daca voi gasi voi posta aici :biggrin: ).

Link spre comentariu
Distribuie pe alte site-uri

  • 4 months later...

Am gasit un script pentru schimbarea background-ului unui DIV. Il apelez cu un buton <input type="button" onclick="changeDivImage"...etc... si functioneaza perfect, insa daca schimb background-ul si dau refresh la pagina, containerul revine la background-ul initial... Ce ar trebui sa adaug in script pentru a ramane background-ul selectat chiar si dupa ce dau refresh la pagina?

 

Scriptul il gasiti aici.

 

Multumesc anticipat! :hi:

Link spre comentariu
Distribuie pe alte site-uri

Precum probabil banuiesti va trebui sa modifici partea "js" din codul la care faci trimitere mai sus. Nu este usor, probabil va fi nevoie sa apelezi la un expert in js. In fine, nu ar fi rau sa treci in revista si urmatorul fisier js ca sa-ti formezi macar o idee despre cum arata un js care se ocupa de color picker-ul de pe acest site web.

jscolor.rar

 

Deci, lucrurile sunt mult mai complicate decat crezi.

Link spre comentariu
Distribuie pe alte site-uri

  • 6 months later...

In primul rand, il rog pe domnul @donpetru daca doreste sa schimbe numele acestui topic din Probleme (X)HTML/CSS in Probleme Web Design, sau un titlu care i se pare potrivit, pentru ca o sa pun intrebari (dupa cum urmeaza), care fac referire si la alte limbaje de programare web. Doar o recomandare :D, ca sa nu mai deschid alt topic degeaba.

 

Intrebarea mea este urmatoarea:

 

Am observat ca atunci cand sun delogat de pe site, div-ul cu id-ul "user-navigation" are clasa "not_logged_in"; ca in imagine:

 

post-17100-0-57061400-1373642082_thumb.png

 

iar can sunt logat are clasa "logged in":

 

post-17100-0-68682500-1373642044_thumb.png

 

Sa inteleg ca atunci cand ma loghez nu se intapla nimic altceva in afara faptului ca se deblocheaza/se fac vizibile mai multe elemente - prin schimbarea acelei clase -, care decat preiau datele mele din baza de date si le afiseaza acolo? (ex: avatarul, userul). Adica nu mai trebuie facut nimic altceva? Intreb pentru ca sunt curios cum se procedeaza in acest caz, cand se logheaza un user pe site-ul meu si trebuie sa-i deblochez privilegii (cum ar fi sa posteze comment-uri, plus ce am scris mai sus), prentru ca am facut un script de signUP/logIN/logOUT dupa un tutorial de pe internet si vroiam sa aflu cum sa fac sa "deblochez" privilegii pentru cel logat.

Deci tot ce trebuie sa fac este ca atunci cand cineva se logheaza pe site-ul meu, sa fac vizibila (un exemplu aleator) caseta de introducere text pentru comentarii?

 

Sper ca intelegeti ce vreau sa spun. :D Multumesc anticipat!

Editat de Florin_dioda
Link spre comentariu
Distribuie pe alte site-uri

Sa inteleg ca atunci cand ma loghez nu se intapla nimic altceva in afara faptului ca se deblocheaza/se fac vizibile mai multe elemente - prin schimbarea acelei clase -, care decat preiau datele mele din baza de date si le afiseaza acolo? (ex: avatarul, userul). Adica nu mai trebuie facut nimic altceva? Intreb pentru ca sunt curios cum se procedeaza in acest caz, cand se logheaza un user pe site-ul meu si trebuie sa-i deblochez privilegii (cum ar fi sa posteze comment-uri, plus ce am scris mai sus), prentru ca am facut un script de signUP/logIN/logOUT dupa un tutorial de pe internet si vroiam sa aflu cum sa fac sa "deblochez" privilegii pentru cel logat.

Deci tot ce trebuie sa fac este ca atunci cand cineva se logheaza pe site-ul meu, sa fac vizibila (un exemplu aleator) caseta de introducere text pentru comentarii?

Am modificat denumirea topicului.

Da, se "deblocheaza anumite elemente". Problema are mai multe valente si presupune cunoasterea de MySQL si CSS. Adica, in MySQL se citeste daca utilizatorul este conectat sau nu si in functie de rezultat, functia php (poate fi un if - else, nu am verificat acum) apeleaza un anumit div din CSS pentru a afisa anumite "elemente". Cam asa s-ar prezenta situatia succint. Pentru mai multe detalii va invit sa cititi ceva php sau daca va intereseaza structura ipb sa accesati site-ul web: http://community.invisionpower.com/

 

Numai bine

Link spre comentariu
Distribuie pe alte site-uri

Am modificat denumirea topicului.

 

Va multumesc!

 

Da, se "deblocheaza anumite elemente".

 

Atat vroiam sa stiu :D

 

Problema are mai multe valente si presupune cunoasterea de MySQL si CSS.

 

De CSS nu se pune problema, iar cu MySQL si cu PHP ma descurc.

 

Multumesc pentru informatii! :hi:

Link spre comentariu
Distribuie pe alte site-uri

Creează un cont sau autentifică-te pentru a adăuga comentariu

Trebuie să fi un membru pentru a putea lăsa un comentariu.

Creează un cont

Înregistrează-te pentru un nou cont în comunitatea nostră. Este simplu!

Înregistrează un nou cont

Autentificare

Ai deja un cont? Autentifică-te aici.

Autentifică-te acum
  • Navigare recentă   0 membri

    • Nici un utilizator înregistrat nu vede această pagină.
×
×
  • Creează nouă...

Informații Importante

Folosim cookie-uri și tehnologii asemănătoare pentru a-ți îmbunătăți experiența pe acest website, pentru a-ți oferi conținut și reclame personalizate și pentru a analiza traficul și audiența website-ului. Înainte de a continua navigarea pe www.tehnium-azi.ro te rugăm să fii de acord cu: Termeni de Utilizare.

ATENTIE !!! Functionarea Tehnium Azi depinde de afisarea de reclame.

Pentru a putea accesa in continuoare site-ul web www.tehnium-azi.ro, va rugam sa dezactivati extensia ad block din browser-ul web al vostru. Dupa ce ati dezactivat extensia ad block din browser dati clic pe butonul de mai jos.

Multumim.

Apasa acest buton dupa dezactivarea extensiei Adblock