Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [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
Damonsson
post
Post #2





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

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

[HTML] pobierz, plaintext 
  1. #coment
  2. {
  3.   	filter:alpha(opacity=100);
  4.   	-moz-opacity: 1;
  5. 	opacity: 1;
  6. 	-khtml-opacity: 1;
  7. 	margin-top: 150px;
  8. 	background-color: black;
  9. 	clear:both;
  10. 	width:400px;
  11. 	height:300px;
  12. 	border:1px #4B4B4B ;
  13. 	margin-left:auto;
  14. 	margin-right:auto;
  15. 	color: white	
  16. }
[HTML] pobierz, plaintext


Jak nie daje, jak daje...

Ten post edytował Damonsson 18.01.2010, 17:10:28
Go to the top of the page
+Quote Post
gothye
post
Post #3





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

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

Niestety bez zmian ,elementy z strony głównej "przebijają" na div z kontrolkami (IMG:style_emoticons/default/sad.gif)
Go to the top of the page
+Quote Post
Damonsson
post
Post #4





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
gothye
post
Post #5





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

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

To mi nic nie daje (IMG:style_emoticons/default/sad.gif)

staram zorgryść kod z strony http://www.blog.net-craft.pl/2008/09/logow...chnologii-ajax/ pod mój problem
Go to the top of the page
+Quote Post
Damonsson
post
Post #6





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

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

To ja nie wiem o co Ci chodzi już. Narysuj może czy coś. Albo poczekaj aż ktoś inny Ci odpowie.
Go to the top of the page
+Quote Post
trucksweb
post
Post #7





Grupa: Zarejestrowani
Postów: 1 199
Pomógł: 31
Dołączył: 22.03.2004
Skąd: Warszawa

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

[HTML] pobierz, plaintext 
  1. 	background-color:#FFFFFF !important;
[HTML] pobierz, plaintext

i masz kolor, jesli o to chodzilo
Go to the top of the page
+Quote Post
gothye
post
Post #8





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

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

znalazłem (IMG:style_emoticons/default/winksmiley.jpg) ,wszystko wykonuje sie za pomocą jquery 
Go to the top of the page
+Quote Post
« 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: 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 Aktualny czas: 25.08.2025 - 12:53
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn