• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Pływające okienko w przeglądarce

Object Storage Arubacloud
0 głosów
154 wizyt
pytanie zadane 13 lutego 2020 w JavaScript przez Mashtall Nowicjusz (150 p.)

Stworzyłem interface graficzny do zarządzania pewnym skryptem a w zasadzie skryptami. W chwili gdy wrzucam kod do Tanpermonkey, wszystko jest okej okienko wyskakuje tak jak powinno natomiast nie mogę wykombinować jak przeklikiwac zakładki które tam zostały zrobione. 

Próbowałem już chyba wszystkiego.

 

$('<div id="okienko">').css({     position: "absolute",     left: -208,     top: 7,     width: 450,     height: 160,     borderRadius: 35,     color: "#006622",     "background-color": "#d9d9d9",     "background-image": "url(https://s3.envato.com/files/4d191b24-4cf0-4186-8195-0f3475977527/inline_image_preview.jpg)",     "border-style":"solid",     "border-color":"white",     "border-width":"4px",     'zIndex': '501',
}).appendTo("#centerbox2");
$(okienko).draggable({     stop: () => {         let tmpobj = {             x: parseInt(okienko.style.left),             y: parseInt(okienko.style.top)         }
localStorage.setItem(`apos`, JSON.stringify(tmpobj));     }
});

Tworzy bez komplikacji okienko. 

okienko.innerHTML = `<head>
<link href="https://fonts.googleapis.com/css?family=Bangers&display=swap" rel="stylesheet">
</head>
<html><body><center>
<p class="jeden" id="tab1" onclick="myFunction1()">Start</p>
<p class="dwaa" id="tab2" onclick="myFunction2()">Coś </p>
<p class="sty" id="tab3" onclick="myFunction3()">Q</p>
<p class="hosi" id="tab4" onclick="myFunction4()">Helloi</p>
<p class="inne" id="tab5" onclick="myFunction5()">Other</p>
<p class="close" id="tab6" onclick="myFunction6()">Close</p>
</center>
<option></option>
<option></option>

//dodatkowo są przyciski odpowiadające za urochomiebie skryptów 

<span class="status" style="color: black"><b> 
${localStorage.getItem('button')}
<input type="button" value="On" id="on"></input>
<input type="button" value="Off" id="off"></input>
<select class="select" id="job"
<option></option>
<option value="Nazwa nadana">1</option>
<option value="Nazwa nadana 2">2</option>
<option value="Nazwa nadana 3">3</option>
</select>
</span>


<p class="info">
<span style="color:white">BOT:</span><span style="color:orange">NIE ma nazwy</span>
</b><br>
</body>`

I tutaj jest pies pofrzebany jak to mówią, nie mogę wymyślić jak przełączać zakładki, tutaj jest opcja gdzie 

Kliknięcie miało następować w teskt, próbowałem również z buttonami. 

 

No skończyły mi się już pomysł. 

            

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
0 odpowiedzi 115 wizyt
pytanie zadane 3 października 2020 w HTML i CSS przez x_000 Obywatel (1,460 p.)
0 głosów
0 odpowiedzi 235 wizyt
pytanie zadane 30 września 2020 w HTML i CSS przez x_000 Obywatel (1,460 p.)
0 głosów
1 odpowiedź 181 wizyt

92,555 zapytań

141,402 odpowiedzi

319,543 komentarzy

61,939 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...