Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jquery] Animacja div'a
Forum PHP.pl > Forum > Po stronie przeglądarki
gothye
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 :

  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. }






  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>



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ę sad.gif(

Damonsson
  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. }


Jak nie daje, jak daje...
gothye
Niestety bez zmian ,elementy z strony głównej "przebijają" na div z kontrolkami sad.gif
Damonsson
faktycznie, zostawiłem display:none przypadkiem i zadowolony że działa. Chwilka, zaraz to obczaje.

  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. <div id="box"> </div>
  45. <div id="boxer"> Dodaj komentarz: </div>
  46.  
  47. </body>

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.
gothye
To mi nic nie daje sad.gif

staram zorgryść kod z strony http://www.blog.net-craft.pl/2008/09/logow...chnologii-ajax/ pod mój problem

Damonsson
To ja nie wiem o co Ci chodzi już. Narysuj może czy coś. Albo poczekaj aż ktoś inny Ci odpowie.
trucksweb
  1. background-color:#FFFFFF !important;

i masz kolor, jesli o to chodzilo
gothye
znalazłem winksmiley.jpg ,wszystko wykonuje sie za pomocą jquery 
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.