Skocz do zawartości

Trudne początki js :( [JS/CSS/HTML]

matisowa

Przez matisowa
w HTML, PHP, mySQL, JavaScript

 Udostępnij

Rekomendowane odpowiedzi

matisowa Cadet

matisowa

Opublikowano
Opublikowano

Witam, pytanie nr 1.:

 

zrobiłem sobie div, o ustalonej pozycji top i right, a także opcji fixed.

W jego środku zrobiłem drugi div, który po kliknięciu zamyka swojego rodzica.

Chciałbym zrobić tak, aby po zamknięciu parenta (/rodzica), pojawił się inny div, który po kliknięciu przywracał by tego pierwszego. //Troche to zagmatwane...

 

Oto mój kod w HTML:

 

<div class="circledleft" style="background-color: #777; border: 2px #FFF; padding: 10; position: fixed; right: 0; text-align: center; top: 35; width: auto" >
<div onclick="this.parentNode.style.display = 'none'">

Zamknij to okno
</div><br/><div><script type='text/javascript' src='http://liczniki.org/pr.php?url=www.slimeball.pl&s=2'></script><br/><br/>
<img style='border: 0px' src='http://liczniki.org/ms2.php?l=matisowagm&s'/>
</div>
</div>

 

pytanie nr 2.:

 

Czy da się zrobić tak, aby pewien element poruszał się razem ze stroną, ale tylko w pionie?

W pytaniu powyżej mam top:35; right:0; position: fixed;

Czy da się zrobić tak, aby był na tej pozycji, ale gdyby okno było mniejsze niż strona, nie szedłby w lewo z oknem, tylko się chował, ucinał.

Ze stroną szedł by w pionie.

 

Proszę o pomoc. Jeśli będzie, tak potrzeba możecie wejść na LINK i zobaczyć całe źródło tej strony.

Odnośnik do komentarza
Udostępnij na innych stronach
matisowa Cadet

matisowa

Opublikowano
  • Autor
Opublikowano

Tak! Wielkie dzięki! A wie może ktoś jak odpowiedzieć na 2. pytanie? Bardzo mi to potrzebne :)

E: To mi jednak nie działa. Na początku zrobiłem coś i działało, a teraz usunąłem cały kod, skopiowalem z Fiddle i wstawiłem do arkusza stylów, i html, ale nie działa :( Mógłbyś sprawdzić jeszcze raz źródło i zobaczyć, czy dobrze zrobiłem? aby dostac sie do arkusza stylow wystarczy ze na koncu adresu dopiszesz /stylesheet.css

Odnośnik do komentarza
Udostępnij na innych stronach
tramur Smart Newbie

tramur

Opublikowano
Opublikowano

Wygląda na to, że gnysek użył jQuery. Musisz po prostu je ściągnąć i zimportować jako tag <script> w środku tagu <head>. Wtedy wszystko będzie banglać.

 

edit: odp. na pytanie 2

najprościej skorzystać z zapytania @media w CSS. Poniższy kod:

@media only screen and (max-width: 768px)
{
   div.#zawartosc
    {
       display: none;
    }
}

 

powinno ukryć div.#zawartosc, gdy szerokość okna będzie mniejsza lub równa 768px.

Odnośnik do komentarza
Udostępnij na innych stronach
  • Administratorzy
gnysek Madman

gnysek

Opublikowano
  • Administratorzy
Opublikowano

javascript działa po stronie przeglądarki, więc nie trzeba nic instalować ;) zresztą takie serwery gdzie cos da sie instalowac to są drogie i nawet hosting za 500 złotych czesto nie oferuje takich rzeczy, a dopiero droższy (dedyk/wirtualny)

Odnośnik do komentarza
Udostępnij na innych stronach
matisowa Cadet

matisowa

Opublikowano
  • Autor
Opublikowano

Ja posiadam taką możliwość :) jestem zaprzyjaźniony z właścicielem servera i on mi wszystko intaluje to co trzeba, php i tak dalej :)

 

Jeszcze jedno mam pytanie (oby ktoś tu zajrzał). Jak zrobić, aby argumenty right left bottom top działały gdy position NIE JEST ustawione na fixed?

 

już wiem

 

Połączyłem 3 posty. Proszę nie pisać w ten sposób tylko używać opcji "edytuj". Z uwagi, że dotychczasowe warny nie skutkowały to aby ostudzić twój zapał dam blokadę na 3 dni. :)

Pozdrawiam,

Wasz kochany moderator Platyna

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij
Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...