| Autor | Zpráva | ||
|---|---|---|---|
| JunekCZ Profil |
#1 · Zasláno: 11. 4. 2015, 22:14:52
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> .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 |
#2 · Zasláno: 11. 4. 2015, 22:41:48
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 |
#4 · Zasláno: 11. 4. 2015, 22:53:57
JunekCZ:
„Tento kód zobratuje to co mám na mysli, ale nefunguje“ Myslíš ukážky, ktoré som poslal? |
||
| JunekCZ Profil |
#5 · Zasláno: 11. 4. 2015, 22:58:18
Tomáš123:
Myslím můj příspěvek (html a css). |
||
| Tomáš123 Profil |
#6 · Zasláno: 11. 4. 2015, 23:03:02
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 |
#8 · Zasláno: 11. 4. 2015, 23:32:16
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 |
#9 · Zasláno: 12. 4. 2015, 09:58:17 · Upravil/a: JunekCZ
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 |
#10 · Zasláno: 12. 4. 2015, 11:52:43
|
||
| JunekCZ Profil |
#11 · Zasláno: 12. 4. 2015, 21:18:15
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 |
#12 · Zasláno: 12. 4. 2015, 21:59:05
To určitě mohl. Je tu na to celá sekce.
|
||
| Tomáš123 Profil |
#13 · Zasláno: 13. 4. 2015, 17:27:01
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 |
#14 · Zasláno: 15. 4. 2015, 19:02:03
Dobře, vše už funguje, děkuji. Prosím o lock.
|
||
|
Časová prodleva: 9 let
|
|||
0