Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][HTML] Skrypt nie ładuje się poprawnie (złe wymiary formularza)
Ownedds
post 17.09.2018, 13:21:54
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 7.03.2017

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


Witam serdecznie.
Tworze swoją stronę opartą na porównywaniu ofert kont bankowych.
Współpracuje jako wydawca i posiadam gotowy kod od firmy do wklejenia na stronę - kalkulator, który po wybraniu przez użytkownika odpowiedniego parametru (ilość przelewów itp), po wysłaniu zapytania przedstawia listę ofert danej firmy.

Ze strony skryptu oferowanego przez partnera wszystko jest dobrze, w sensie po wybraniu parametrów itp ładują mi się adekwatne oferty, ale problem jest z samym wymiarem tego skryptu.
Mianowicie:
Gdy wrzucę do DIV tylko i wyłącznie sam kod to wyświetla się tylko i wyłącznie około 1/3 porównywarki

  1. <body>
  2. <div id="distirbutor_comparision1_0_target"></div>
  3. <script id="distributorComparisionWidget_script" src="https://direct.money.pl/j/widgets/distributor_comparision_widget.js"></script>
  4. <script>var idDistributor = 123456; distributor_comparision_widget("distirbutor_comparision1_0_target", idDistributor, 1).render();</script>
  5. </body>


Gdy dodam do tego proste style to kalkulator zaczyna się ładować w pełnej formie, ale wyświetla tylko półtora oferty kont bankowych (#direct_comparision_container_if_1 - height:100%):

  1. <head>
  2. <meta charset="utf-8">
  3. div {
  4. width:50%;
  5. }
  6. #distirbutor_comparision1_0_target {
  7. padding:15px;
  8. }
  9. #direct_comparision_container_if_1 {
  10. height:100%;
  11. width:50%;
  12. }
  13. </style>
  14. </head>
  15.  
  16. <body>
  17. <div id="distirbutor_comparision1_0_target"></div>
  18. <script id="distributorComparisionWidget_script" src="https://direct.money.pl/j/widgets/distributor_comparision_widget.js"></script>
  19. <script>var idDistributor = 123456; distributor_comparision_widget("distirbutor_comparision1_0_target", idDistributor, 1).render();</script>
  20. </body>
  21. </html>


Zaś gdy parametr: #direct_comparision_container_if_1 zmienie na height:700%: to wyświetlają się wszystkie oferty + sporo pustego pola pod nimi...

  1. <head>
  2. <meta charset="utf-8">
  3. div {
  4. width:50%;
  5. }
  6. #distirbutor_comparision1_0_target {
  7. padding:15px;
  8. }
  9. #direct_comparision_container_if_1 {
  10. height:700%;
  11. width:50%;
  12. }
  13. </style>
  14. </head>
  15.  
  16. <body>
  17. <div id="distirbutor_comparision1_0_target"></div>
  18. <script id="distributorComparisionWidget_script" src="https://direct.money.pl/j/widgets/distributor_comparision_widget.js"></script>
  19. <script>var idDistributor = 123456; distributor_comparision_widget("distirbutor_comparision1_0_target", idDistributor, 1).render();</script>
  20. </body>
  21. </html>



Jaki efekt chce osiągnąć? Taki aby podczas ładowania skryptu wysokość 'ramki' ładowała się automatycznie, zależnie od ilości produktów. Opcja height:auto nie działa.

Pozdrawiam.

Jest ktoś w stanie mi pomóc? Gdzie popełniam błąd?
Go to the top of the page
+Quote Post
trzczy
post 17.09.2018, 15:32:14
Post #2





Grupa: Zarejestrowani
Postów: 460
Pomógł: 49
Dołączył: 5.06.2011

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


Skrypt, który strona wczytuje, sam automatycznie określa wysokość. Chyba trzeba się tam dokopać do problemu:
https://direct.money.pl/j/widgets/distribut...ision_widget.js

Jak otworzysz ten skrypt, to wyszukaj ciąg height

Trzeba sprawdzić. czy height reaguje na ilość i rozmiar ofert itd. Jeśli tak, to czy reaguje właściwie. Potem, czy css jakoś nie nadpisuje tego height.

To by trzeba sprawdzać na działającej stronie, ale nie podałeś linka.
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 29.03.2024 - 08:55