• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Przelicznik.

VPS Starter Arubacloud
0 głosów
173 wizyt
pytanie zadane 20 lutego 2017 w JavaScript przez Vorex444 Dyskutant (9,610 p.)
zamknięte 20 lutego 2017 przez Vorex444

Cześć, mam do wykonania prace domową ze szkoły, muszę zrobić przelicznik. 

Strona przelicznik miar powinna umożliwić przeliczanie miar (dekagramy, łyżki, szklanki) zgodnie z poniższą tabelką:

Produkt łyżka szklanka
cukier 1,5 dag 25 dag
kakao 0,6 dag 10 dag
mąka pszenna 0,9 dag 15 dag
mleko 1,5 dag 25 dag

 

Zrobiłem coś takiego:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Przelicznik</title>
    

</head>
<style>

body {font-family: calibri, tahoma; background: #e6e6e6;}

#kontener {width: 960px; margin: 0 auto;}
#menu {display: table; padding: 0 10px 0; margin: 0 auto; overflow: hidden; font-size: 14px; background: #242424;}
#menu li {list-style-type: none; margin: 0 auto; float: left; }
#menu li:hover {background: #404040;}
#menu li a {display: block; color: silver; text-decoration: none; padding: 7px 10px 7px;}
#menu li a:hover {background: #404040; color: white;}
#menu li li a {width: 160px;}
#menu li ul {overflow: hidden; display: none; background: #242424;}
#menu li:hover ul {position: absolute; padding: 0; display: block; width: 160px;}

#menu *:hover {transition: 0.3s ease-in;}


#menu {border-radius: 3px;}
#menu li ul {border-radius: 0 0 3px 3px;}
</style>
<body>
<div id="kontener">

<ul id="menu">
    <li><a href="#">Produkty:</a></li>
    <li><a href="">Cukier</a>
    <ul>
    <li><a href="#">Przelicz na łyżeczki.</a></li>
	<li><a href="#">Przelicz na szklanki.</a></li>
    </ul>
    </li>
    <li><a href="#">Kakao</a>
    <ul>
	<li><a href="#">Przelicz na łyżeczki.</a></li>
	<li><a href="#">Przelicz na szklanki.</a></li>
    </ul>
    </li>
    <li><a href="#">Mąka pszenna</a>
    <ul>
	<li><a href="#">Przelicz na łyżeczki.</a></li>
	<li><a href="#">Przelicz na szklanki.</a></li>
    </ul>
    </li>
	 <li><a href="#">Mleko</a>
    <ul>
	<li><a href="#">Przelicz na łyżeczki.</a></li>
	<li><a href="#">Przelicz na szklanki.</a></li>
    </ul>
    </li>
   
</ul>

</div>
</body>
</html>



I chciałbym teraz zrobić coś takiego, że gdy klikne na np. "Mleko" --> "przelicz na łyżeczki" to wtedy wyświetli się polę które umożliwi wpisanie ilości łyżeczek i enter i pojawi się wynik.

Czy ktoś wie jak coś takiego zrobić? Proszę o pomoc na necie nie mogę znaleźć a samemu nie wyczaruje. 

 


 

komentarz zamknięcia: Problem rozwiazany.

1 odpowiedź

0 głosów
odpowiedź 20 lutego 2017 przez Boshi VIP (100,240 p.)
Zainteresuj się javascriptem, czystym lub względnie jquery.

dla uproszczenia zrobiłbym dwa selecty jednokierunkowe lub dwu... z pierwszego np wybierasz mleko z drugiego łyżeczki, w pole z boku wpisujesz ilość, klikasz przycisk który to przelicza..
komentarz 20 lutego 2017 przez Vorex444 Dyskutant (9,610 p.)
Kuźwa nie wiem zaraz mnie coś trafi, siedze i szukam rozwiazan przez cały dzien.
komentarz 20 lutego 2017 przez Boshi VIP (100,240 p.)
To weź do ręki jakiś kurs javascript i zacznij coś pisać.. a jak ci się nie chce to poproś o przeniesienie tego pytania do ogłoszeń to ktoś ci to machnie za 100zł może.
komentarz 20 lutego 2017 przez Vorex444 Dyskutant (9,610 p.)
to aż tyle za taki programik? Dobra ide samemu przerobić to.
komentarz 20 lutego 2017 przez Boshi VIP (100,240 p.)
jak byś się dogadał z kimś to może i za 60-70 zł by to zrobił. Jedna polecam samemu to zrobić skoro to zad domowe;]

Wrzuć jak coś zrobisz i będziesz mial problem
komentarz 20 lutego 2017 przez Vorex444 Dyskutant (9,610 p.)
A mam pytanie wiesz może jak do inputa wprowadzić takie tło gdzi pisze jakiś tekst?

<input type="text"/>

I zeby w tym inpucie byl w tle np. "łyżeczki" ale zeby to było tak zrobione, ze to wgl nie ma wplywu na nic.
komentarz 20 lutego 2017 przez Vorex444 Dyskutant (9,610 p.)
a gdy cos sie wpisuje to znika te tło z jakims napisem. Na niektórych stronach tak jest, że pisze "szukaj" a po chwili jak najedziesz i zaczynasz wpisywac to to znika.
komentarz 20 lutego 2017 przez ScriptyChris Mędrzec (190,190 p.)

Atrybut placeholder:

Oraz na dokładkę wzmianka o złej praktyce jego stosowania: https://www.youtube.com/watch?v=hffiWUbbPFs

Podobne pytania

0 głosów
1 odpowiedź 248 wizyt
pytanie zadane 25 lutego 2017 w JavaScript przez Vorex444 Dyskutant (9,610 p.)
+1 głos
2 odpowiedzi 805 wizyt
0 głosów
2 odpowiedzi 81 wizyt
pytanie zadane 10 lutego w JavaScript przez Piotrek2713 Mądrala (5,320 p.)

92,452 zapytań

141,262 odpowiedzi

319,085 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...