• 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

VMware Cloud PRO - przenieś swoją infrastrukturę IT do chmury
0 głosów
204 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 189 wizyt
pytanie zadane 3 października 2020 w HTML i CSS przez x_000 Obywatel (1,460 p.)
0 głosów
0 odpowiedzi 290 wizyt
pytanie zadane 30 września 2020 w HTML i CSS przez x_000 Obywatel (1,460 p.)
0 głosów
1 odpowiedź 267 wizyt

93,430 zapytań

142,427 odpowiedzi

322,652 komentarzy

62,794 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

...