Autor Zpráva
JunekCZ
Profil
Dobrý den. Chěl bych se zeptat, jak by se dalo vytvořit rámečky, na které kdyby se najelo myší (a:hover) by se změnil obrázek a po kliknutí vypsat nějaké údaje.
   <div id="obsah">
   <a id="package">
   <div class="package">
   <div class="package_contect">
   <div class="hodnost"><b>zboží</b></div>
   <div class="package_text">Na číslo:<br/> <b>9030920 </b></div>
   <div class="prefix" alt="wood" style="bottom: 0">
   <div class="cena">20 kč,-</div>
   </div>   
   </div>
</a>
   <div class="package">
   <div class="package_contect">
   <div class="hodnost"><b>zboží</b></div>
   <div class="package_text">Na číslo:<br/> <b>9030940 </b></div>
   <div class="prefix" alt="wood" style="bottom: 0"><font color="red"></div>
   <div class="cena">40 kč,-</div>
   </div>   
   </div>
   <a id="package">
   <div class="package">
   <div class="package_contect">
   <div class="hodnost"><b>zboží</b></div>
   <div class="package_text">Na číslo:<br/> <b>9030950 </b></div>
   <div class="prefix" alt="wood" style="bottom: 0">></div>
   <div class="cena">50 kč,-</div>
   </div>   
   </div>
</a>
   <a id="package">
   <div class="package">
   <div class="package_contect">
   <div class="hodnost"><b>zboží</b></div>
   <div class="package_text">Na číslo:<br/> <b>9030979 </b></div>
   <div class="cena">79 kč,-</div>
   </div>   
   </div>
</a>
  </div>
A css
.package {
width: 10%;
height: 40%;
float: left;
padding: 0 0.4em 0 0.4em;
text-align: center;
  -moz-box-shadow: inset 0 2px 0 rgba(255,255,255,1), 0 2px 2px rgba(0,0,0,.08);
  -webkit-box-shadow: inset 0 2px 0 rgba(255,255,255,1), 0 2px 2px rgba(0,0,0,.08);
  box-shadow: inset 0 2px 0 rgba(255,255,255,1), 0 2px 2px rgba(0,0,0,.08);
}
.package a:hover {
width: 10%;
height: 40%;
float: left;
text-align: center;
background-color: blue;
}
Tomáš123
Profil
JunekCZ:
by se změnil obrázek
Neviem, či si myslel farbu (border-color) alebo skutočný obrázok (border-image). Vlastnosť border-image je ale relatívne nová a má slabú podporu. Lepšie teda bude použiť dva vnorené prvky a udalosť hover previazať s nimi. Ukážky hotových riešení s použitím vlastnosti border-image respektíve vnorených prvkov.

S JavaScriptom bohužiaľ neviem poradiť.
JunekCZ
Profil
Tomáš123:
Já s JS také neumím. Border-color jsem nemyslel. Namísto toho bych použil background-color, ale já myslel background: navy url(""). Tento kód zobratuje to co mám na mysli, ale nefunguje :/.
Tomáš123
Profil
JunekCZ:
Tento kód zobratuje to co mám na mysli, ale nefunguje
Myslíš ukážky, ktoré som poslal?
JunekCZ
Profil
Tomáš123:
Myslím můj příspěvek (html a css).
Tomáš123
Profil
JunekCZ:
Vyjadri sa prosím poriadne. Nechápem, čo potrebuješ. Stránka tvojho kódu je síce úplne rozhádzaná, ale modrá sa tam pri nájdení myšky objaví... Chceš upraviť HTML kód, práve si zistil, že to tu funguje a tebe to nefunguje alebo o čo ide?
JunekCZ
Profil
To je divné, mě se zobrazuje toto: odkaz.
Tomáš123
Profil
JunekCZ:
Udalosť samozrejme nemôže fungovať, keďže v HTML neexistuje trieda package, ktorá obsahuje prvok <a>. Pomôže malá výmena prvkov v selektore.
JunekCZ
Profil
Děkuji :) Teď kód vypadá takto: http://kod.djpw.cz/rimb


Ještě bych se chtěl zeptat, zda-li by nešlo vytvořit kód, který by po kliknutí na jednoho z rámečků vypsal nějaký text z funkce echo.
Keeehi
Profil
Základní kurz 15: Komunikace mezi PHP a JavaScriptem
JunekCZ
Profil
Nemohl by mi to prosím někdo vytvořit? Potřebuji to do dvou dnů a než bych se to naučil, bylo by pozdě.
Keeehi
Profil
To určitě mohl. Je tu na to celá sekce.
Tomáš123
Profil
Keeehi:
Myslím, že komunikácia PHP a JS nebude potrebná.

JunekCZ:
Naozaj je potrebné vypisovať text zo servera? Nestačí iba zobraziť nejaký prvok po kliknutí? Aké informácie sa majú po kliknutí zobraziť? Ak by stačilo iba zobraziť vopred načítaný obsah, pomôže ti udalosť onclick. Veľa vláken, kde sa riešia začiatočnícke otázky na túto tému nájdeš aj tu na diskusii. Viď tiež skrývání a odkrývání textu na přání uživatele. Stačí hľadať.
JunekCZ
Profil
Dobře, vše už funguje, děkuji. Prosím o lock.

Vaše odpověď

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: