diff options
| author | cirakg <ciraboxkg@gmail.com> | 2023-01-07 23:00:20 +0100 |
|---|---|---|
| committer | cirakg <ciraboxkg@gmail.com> | 2023-01-07 23:00:20 +0100 |
| commit | 60770759488e8c784648983040521e7d8430925f (patch) | |
| tree | 611a9057cc4c6cfe2b3b35a15e81f7d63e2d1d52 /src/main/webapp/pages/addNewPokemon.jsp | |
| parent | e94e9a85d819f5a5cffbdaf62981066ef287f1f9 (diff) | |
Dodati tooltip-ovi na web aplikaciji.
Diffstat (limited to 'src/main/webapp/pages/addNewPokemon.jsp')
| -rw-r--r-- | src/main/webapp/pages/addNewPokemon.jsp | 30 |
1 files changed, 28 insertions, 2 deletions
diff --git a/src/main/webapp/pages/addNewPokemon.jsp b/src/main/webapp/pages/addNewPokemon.jsp index 095ac40..dd7d24c 100644 --- a/src/main/webapp/pages/addNewPokemon.jsp +++ b/src/main/webapp/pages/addNewPokemon.jsp @@ -6,6 +6,27 @@ <meta charset="ISO-8859-1"> <title>Insert title here</title> </head> +<style> +.tooltip { + position: relative; + display: inline-block; + border-bottom: 1px dotted black; +} +.tooltip .tooltiptext { + visibility: hidden; + width: 300px; + background-color: black; + color: #fff; + text-align: center; + border-radius: 6px; + padding: 5px 0; + position: absolute; + z-index: 1; +} +.tooltip:hover .tooltiptext { + visibility: visible; +} +</style> <body> <% boolean isAdmin=(Boolean)session.getAttribute("admin"); @@ -14,12 +35,17 @@ if(!isAdmin){ } %> - +<br> +<div class="tooltip">(?) + <span class="tooltiptext">Stranica za dodavanje novog pokemona. + Sva polja su required. Za polje hp unos mora biti tipa int, polje snaga mora biti tipa float , sva ostala polja su tipa string. Polje ImageString64 je polje sa sliku encodiranu pomocu base64 encodera maxlenght je 15000. + Redirekcija na uspesnom dodavanju.</span> +</div> <form method="post" action="addNewPokemonHelper.jsp"> <input type="text" name="name" required> Ime <br> <input type="text" name="description" required> Opis <br> <input type="number" step="1" name="hp" required> Hp <br> -<input type="text" name="base64Image" required> ImageString64 <br> +<input type="text" name="base64Image" maxlength="15000" required> ImageString64 <br> <h2>Abilities</h2> <h3>ATTACK</h3> |