Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jquery] Animacja div'a
gothye
post
Post #1





Grupa: Zarejestrowani
Postów: 702
Pomógł: 65
Dołączył: 16.03.2009

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

Witam

na stronce chciałbym wykonać dodawanie komentarzy za pomocą jquery , co do samej obsługi jest ok działa ,tylko chyba z CSS mam problem o to kod :

[XML] pobierz, plaintext 
  1. #box 
  2. {
  3. 	display: none;
  4. 	position: absolute;
  5. 	float: left;
  6. 	clear: none;
  7. 	width: 100%;
  8. 	margin-left: -10px;
  9. 	margin-top: -30px;
  10. 	height: 100%;
  11. 	color: #4B4B4B;
  12. 	text-align: center;
  13. 	background-color: #AAFF55;
  14. 	border: 1px solid #000000;
  15.   	/* for IE */
  16.   	filter:alpha(opacity=60);
  17. 	-moz-opacity: 0.6;
  18. 	opacity: 0.6;
  19.  
  20. }
  21.  
  22. #coment
  23. {
  24. 	-khtml-opacity: 1;
  25. 	margin-top: 150px;
  26. 	background-color:#FFFFFF;
  27. 	clear:both;
  28. 	width:400px;
  29. 	height:300px;
  30. 	border:1px #4B4B4B ;
  31. 	margin-left:auto;
  32. 	margin-right:auto;	
  33. }
[XML] pobierz, plaintext 






[XML] pobierz, plaintext 
  1. <div id="box">
  2.  <div id="coment"><b>Dodaj komentarz : </b>
  3. 		<textarea name=message rows=15 id="message"></textarea>
  4. 		<input type=button name=save value="Dodaj" onclick="test();">
  5. 		<input type=button name=cancel value="Anuluj" id="Ukryj">
  6. 	</div>
  7.  
  8. 	<br>
  9. </div>
[XML] pobierz, plaintext



problem polega na tym że div id="coment" też jest przezroczysty i niemogę tego zmienić ,zależy mi aby wyglądał opacity: 1; (czyli pełny ) ,dodanie opacity: 1; dla coment nic nie daję (IMG:style_emoticons/default/sad.gif) (
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Damonsson
post
Post #2





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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

faktycznie, zostawiłem display:none przypadkiem i zadowolony że działa. Chwilka, zaraz to obczaje.

[HTML] pobierz, plaintext 
  1. #box 
  2. {
  3.  
  4. 	position: absolute;
  5. 	float: left;
  6. 	clear: none;
  7. 	width: 600px;
  8. 	height: 400px;
  9. 	margin-left: 0px;
  10. 	margin-top: 0px;
  11.  
  12. 	color: #4B4B4B;
  13. 	background-color: red;
  14. 	text-align: center;
  15.   	filter:alpha(opacity=20);
  16.  
  17. }
  18.  
  19. #boxer
  20. {
  21.  
  22. 	position: absolute;
  23. 	clear: both;
  24. 	margin-top: 150px;
  25. 	margin-left: 120px;
  26. 	width:400px;
  27. 	height:300px;
  28. 	color: white;
  29. 	text-align: center;
  30. 	background-color: blue;
  31.   	filter:alpha(opacity=100);
  32.  
  33. }
  34.  
  35.  
  36.  
  37.  
  38.  
  39.  
  40.  
  41.       </style>
  42. </head>
  43.  
  44. <body>
  45. <div id="box">	</div>
  46.  <div id="boxer"> Dodaj komentarz: </div>	
  47.  
  48. </body>
[HTML] pobierz, plaintext

Tylko musisz pokombinować z osadzeniem tego. Jak tam chcesz.

Każdy DIV dziedziczy poprzednią wartość, więc tak jak Ty zrobiłeś w html się (chyba) nie da. Musi być tak.
Go to the top of the page
+Quote Post

Posty w temacie
- gothye   [jquery] Animacja div'a   18.01.2010, 14:43:14
- - Damonsson   [HTML] pobierz, plaintext #coment{ filter:alpha...   18.01.2010, 17:09:09
- - gothye   Niestety bez zmian ,elementy z strony głównej ...   18.01.2010, 17:14:44
- - Damonsson   faktycznie, zostawiłem display:none przypadkiem i ...   18.01.2010, 17:37:12
- - gothye   To mi nic nie daje staram zorgryść kod z strony ...   18.01.2010, 17:46:16
- - Damonsson   To ja nie wiem o co Ci chodzi już. Narysuj może cz...   18.01.2010, 17:53:38
- - trucksweb   [HTML] pobierz, plaintext background-color:#FFFFF...   18.01.2010, 18:02:11
- - gothye   znalazłem ,wszystko wykonuje sie za pomocą jquery...   18.01.2010, 19:30:33

« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 9.10.2025 - 12:24
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn