Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> rozjezdzajaca sie tabelka w operze
mastermindssj2
post 19.04.2012, 16:34:05
Post #1





Grupa: Zarejestrowani
Postów: 21
Pomógł: 1
Dołączył: 21.06.2011

Ostrzeżenie: (0%)
-----

Witam, próbuje napisac formularz, w którym po kliknieciu na dany input obok pojawia się info na temat danego pola.
Wszystko ładnie pięknie, tylko w operze po kliknięciu na input type='text' tabelka się "rozjeżdża". W IE i FF jest ok. Ma ktoś pomysł?
Oto kod: 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  4. <style type="text/css">
  5. 	body {
  6. 		background-color:#757575;
  7. 		color:white;
  8. 		font-family:courier;
  9. 		margin:0;
  10. 		padding:0;
  11. }
  12.  
  13. 	#imieInfo {
  14. 		visibility:hidden;
  15. 		position:absolute;
  16. }
  17. 	table {
  18. 		margin:0;
  19. }
  20.  
  21. 	h1 {
  22. 		margin:20px;
  23. }
  24.  
  25.  
  26. </style>
  27. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  28. <script>
  29. 	$(document).ready(init);
  30. 	function init() {
  31. 		$('input:text[name=imie]').focus(showImieInfo);
  32. 		$('input:text[name=imie]').blur(hideImieInfo);
  33. 	}
  34.  
  35. 	function showImieInfo() {
  36. 		var pos;
  37. 		pos = $('input:text[name=imie]').offset();
  38. 		pos.left += 250;
  39. 		$('#imieInfo').offset(pos);
  40. 		$('#imieInfo').css({visibility: 'visible', position: 'absolute'});
  41. 	}
  42.  
  43. 	function hideImieInfo() {
  44. 		$('#imieInfo').css('visibility','hidden');
  45. 	}
  46.  
  47. </script>
  48. </head>
  49. <body>
  50. <div id='contener'>
  51. <h1>Kreator postaci</h1>
  52. <form>
  53. <table>
  54. 	<tr><td><input type='text' name='imie'/></td><td>Imie</td></tr>
  55. 	<tr><td><input type='text' name='nazwisko'/></td><td>Nazwisko</td></tr>
  56. </table>
  57. <div id='imieInfo'>Imię Twojej postaci. Od dwóch do 20 znaków</div>
  58. </form>
  59.  
  60. </div>
  61. </body>
  62. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 20.06.2025 - 13:50
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn