johndont
13.07.2024, 22:00
Wie React Icons ausfüllen / Alternative?

In meiner React Component (siehe unten) ist leider das Icon ArrowUpCircleSharp von "react-icons" innen unausgefüllt was nicht schön aussieht wenn es sich über Text und Bilder bewegt, andere Icons wie von FontAwesome Material Icons haben das gleiche Problem. Ich habe es versucht mit den Props Stroke, Fill und mit CSS background, ändert aber nur das Schwarze außen und nicht innerhalb vom Icon.
Was kann ich tun ? Will jetzt nicht umbedingt eine ganze Library einbinden für das Icon, bei react-icons hab ich den Vorteil das es nur die benutzen auch wirklich nutzt,

'use client';
import { useEffect, useState } from "react";
import "../.././assets/styles/components/ScrollToTop/ScrollToTop.scss";
import { IoArrowUpCircleSharp} from "react-icons/io5";


export const ScrollToTop = () => {

const [ScrollY,setScrollY] = useState<number>(0);

useEffect(() => {
    window.addEventListener("scroll",() => setScrollY(document.documentElement.scrollTop))

    return () => {
        window.addEventListener("scroll",() => setScrollY(document.documentElement.scrollTop))
    }
}, [ScrollY])

    return(

        <div
            onClick={()=>{ScrollY > 100 ?
            window.scrollTo({
                behavior : "smooth",
                left : 0,
                top : 0})
            :
            window.scrollTo({
                behavior : "smooth",
                left : 0,
                top : document.body.scrollHeight});
            }}
        className={`ScrollToTop ${ScrollY > 100 ? " ScrollToTop_Up" : "ScrollToTop_Down"}`}>
                <IoArrowUpCircleSharp/>
        </div>
    )
}
...zum Beitrag
Antwort
von timlg07
14.07.2024, 11:33

Ich denke die schnellste Lösung in diesem Fall wäre einfach einen weißen Kreis hinter das Icon zu legen. Dafür könntest du ggf. ein Pseudo-Element (::before / ::after) verwenden, oder einfach ein div, das du um das <IoArrowUpCircleSharp> wrappst.

Mit `aspect-ratio: 1` oder für ältere Browser auch `padding-bottom: 100%` ist das quadratisch und mit `border-radius: 50%` ein schöner runder Kreis. Background-color geben, hinter dem Icon platzieren (falls du ein Pseudo-Element verwendest, ansonsten passt das eh schon) und dann sollte das klappen :)

 ...zur Antwort
michifrog
11.07.2024, 17:52
HTML, CSS Menüleiste oben fixieren?

Hallo zusammen,

ich hab die Menüleiste oben wo die links drauf sind auf der Webseite fixiert sodass wenn ich scrolle sich nur der Hauptbereich bewegt und die Menüleiste bleibt oben.

Wie kann ich machen dass wenn ich auf ein Seiteninternen Link klicke dass dann die Seite erst unter der Menüleiste anfängt nicht ganz oben hinter der menüleiste?

Vielen Dank!

 ...zum Beitrag
Antwort
von timlg07
14.07.2024, 11:19

Während `position: fixed` zwar funktioniert, hast du selbst schon das Problem davon gesehen: fixierte Positionierung nimmt das Element aus dem Document-flow und es nimmt keinen Platz mehr darin ein. Dadurch "rutschen" die darauf folgenden Elemente nach und die Navigationsleiste verdeckt den Anfang der Webseite.

Dieses Problem kannst du ganz einfach umgehen, indem du

position: sticky;
top: 0;

verwendest. Sticky Positionierung verhält sich zunächst ganz gewöhnlich und die Navigationsleiste nimmt ihren Platz am Anfang der Seite ein. Scrollt man allerdings runter, bleibt sie am oberen Rand (top: 0) kleben (sticky). Jetzt verhält sie sich so wie mit `position: fixed`.

Um darüber hinaus das Problem mit Sprungmarken (also Verlinkungen auf eine bestimmte Id auf der selben Seite via #id) zu lösen, kannst du

scroll-margin-top: ...;

z.B. zum entsprechenden Element mit der Id hinzufügen. "..." dabei natürlich mit der Höhe deiner Navigationsleiste ersetzen. Mehr dazu findest du hier: https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin

 ...zur Antwort
michifrog
14.07.2024, 09:14
Welchen Befehl brauche ich (HTML, CSS)?

Hallo welchen css Befehl brauche ich damit wenn ich nach unten scrolle dass der weiße Kasten hinter der Menüleiste oben ist und nicht vor?

Danke!

 ...zum Beitrag
Antwort
von timlg07
14.07.2024, 11:12

Die Menüleiste wirst du wahrscheinlich mithilfe von `position: sticky` oder `position: fixed` o.ä. oben platzieren. An dieser Stelle im CSS fügst du einfach noch die Zeile

z-index: 1000;

hinzu. Das sorgt dafür, dass die Menüleiste eine höhere z-Position hat, also vor den anderen Elementen mit niedrigerem z-index ist.

 ...zur Antwort
Affenlover
23.11.2023, 11:55
Inder zum Programmieren beauftragen?

Kann ich günstig einen Indischen Programmier (kann auch andere Nationalität haben) beauftragen? Programmierer auf fiverr o.ä sind leider zu teuer da ich eine App für ein schulprojekt benötige, und ich mich nur mäßig mit Java auskenne.

Danke für die Hilfe

...zum Beitrag
Antwort
von timlg07
24.11.2023, 13:20
Es ist für ein Wirtschaft Projekt und dazu muss man keine aber sollte man eine App oder Website erstellen

(aus einem Kommentar von gestern)

Statt einer App würde ich eine Webseite empfehlen. Geht deutlich schneller und leichter zu entwickeln.
Also wäre zum einen günstiger, falls du wirklich jemanden beauftragen willst. Zum anderen könntest du das aber auch leichter selbst machen. Gibt inzwischen gute Tools um Webseiten grafisch, also ohne Programmieren, zu erstellen. Und auch ein wenig Code für eine Webseite kannst du einfacher selbst lernen und schreiben, als eine komplette App aufzusetzen.

...zur Antwort
WeissBrot965
24.11.2023, 12:53
Brauch ich dafür eine http request (javascript back end)?

Also ich hab eine Webseite mit nem input field und einem “senden” button. Sobald man auf senden drückt sollte der Text, den man in den input field geschreiben hat auf einer ganz anderen Seite erscheinen. Um also die Daten zur anderen Website zu schicken bräuchte ich eine http request, richtig?

Das Problem ist, dass ich absolut null Ahnung im Back-end habe und als ich es irgendwie mit Code kopieren versucht habe wurde irgendwas aus Sicherheitsgründen oder so (keine Ahnung) geblockt.

Die beiden Websites hoste ich übrigens mit replit, falls das wichtig ist 😅. Bin aber sehr flexibel und könnte jederzeit wechseln wenn es sein muss.

Mfg Weißbrot

...zum Beitrag
Antwort
von timlg07
24.11.2023, 13:15

Die einfachste Art einen POST-Request an den Server zu schicken ist mithilfe eines Formulars. z.B. so:

<form action="thenextpage.php" method="post">
    <input type="text" name="yourinput"><br>
    <input type="submit">
</form>

Der Grund warum ich als Ziel des Requests "thenextpage.php" angegeben habe, ist dass es vermutlich am leichtesten ist, zunächst ein PHP Backend zu bauen. Du kannst nämlich dann ganz normal HTML schreiben. Aber du kannst dazwischen auch immer kleine PHP-Code-Schnipsel verwenden. Für thenextpage.php dann zum Beispiel so:

<body>
<h1>I recieved your message:</h1>
<p><?php echo $_POST["yourinput"]; ?></p>
</body>

Hier verwendest du PHP um den Inhalt des Post-Request Parameters "yourinput" auszugeben.

 ...zur Antwort
Dugong614
19.11.2023, 12:42
Webview php seite local hosten?

Hallo, ich bin gerade ein bischen am rumprobieren mit webview in android studio, ich würde gerne eine kleine Website welche php, html und js enthält local auf dem Gerät hosten und auch auf diese in webview anzeigen. Ist dies möglich, sodass ich auch Dateien in eine json Datei schreiben kann?

 ...zum Beitrag
Antwort
von timlg07
24.11.2023, 12:57

Ich mein du kannst einfach das Linux PHP package installieren und damit PHP Code auf Android ausführen. Also im Terminal (bzw. per Termux App o.ä.) einfach 

apt install php 

Aber das mal beiseite, ich denke nicht, dass das was du da vor hast sinnvoll ist. Was genau willst du denn erreichen? Dafür muss es auch bessere Wege geben, als einen PHP Server auf Android zu hosten 😅

 ...zur Antwort
verreisterNutzer
03.08.2023, 10:40
Webdesign schwarz und grün?

Hallo Zusammen

Ich wollte frage on jemand eine gute Idee für ein Webdesign mit den Farben Schwarz und grün hat. Es sollte eher dunkel sein und eher richting Party.

L.g. und danke schon im Voraus

...zum Beitrag
Antwort
von timlg07
20.08.2023, 13:43

Ziemlich offensichtlich würde ich schwarz als Hintergrund- und grün und weiß als Primär-/Sekundärfarbe verwenden. Dann vielleicht klare Kanten ohne Abrundung, teilweise schräge Linien und große, kontrastreiche Typografie.

Was soll denn der Inhalt der Seite sein?

 ...zur Antwort
Dyux22
19.08.2023, 08:36
CSS div container neben img in der selben Zeile?

Ich wollte ein Bild neben einem Div-container in der obersten Zeile platzieren, habe jedoch keinen Weg gefunden, kann mir jmd helfen? Danke! :^)

 ...zum Beitrag
Antwort
von timlg07
20.08.2023, 13:34

Während du wahrscheinlich bei vielen Tutorials noch eine Lösung mit `float: left` und dergleichen siehst, kann man inzwischen ganz einfach flex oder grid dafür verwenden.

Dazu packst du einfach die beiden Elemente in einen gemeinsamen Container und legst dann das Layout dieses Containers als flex fest. Zum Beispiel so:

<div class="outer">
  <img src="https://picsum.photos/200/300">
  <div class="inner">
    Content
  </div>
</div>

CSS:

.outer {
  display: flex;
}

Hier als JSFiddle mit Resultat: https://jsfiddle.net/timlg07/qfswaezo/6/

Mit flex-base bei den Kindelementen und mit object-fit für das Bild kannst du das Layout dann noch an deine Bedürfnisse anpassen.

 ...zur Antwort
babaking2006
03.11.2022, 16:10
Wie kann ich mit JS ein div mit der zugehörigen ID erstellen?

Ich habe das Problem, dass ich mit dem Befehl:

document.getElementById("main_div").innnerHTML = "<div></div>"

ein neues div-Element (auf einer bereits leeren Seite) erstellen möchte. Das hat mit dem obenstehenden Befehl auch gut geklappt. Jetzt wollte ich aber dem div noch eine ID hinzufügen. Das habe ich wie folgt versucht:

document.getElementById("main_div").innnerHTML = "<div id="evaluation"></div>"

Das hat nicht geklappt. Ich gehe davon aus, dass das Problem bei den gedoppelten Anführungsstrichen liegt.

Gibt es dafür eine Lösung?

Danke im Voraus!

 ...zum Beitrag
Antwort
von timlg07
03.11.2022, 18:22

Das liegt daran, dass JavaScript denkt du würdest den Text (String) schon mit dem ersten Anführungszeichen beenden. Wenn du also

document.getElementById("main_div").innnerHTML = "<div id="evaluation"></div>"

schreibst, dann ließt der JS-Parser zunächst

document.getElementById("main_div").innnerHTML = "<div id="

und kann das darauf folgende evaluation nicht verarbeiten.

Um zu signalisieren, dass die Anführungszeichen bei deiner ID Teil des Strings sein sollen, kannst du diese mit einem Backslash escapen:

document.getElementById("main_div").innnerHTML = "<div id=\"evaluation\"></div>"

Alternativ kannst du übrigens Elemente auch direkt im DOM (Document Object Model) erstellen:

const mainDiv = document.getElementById("main_div")
const newDiv = document.createElement("div")
newDiv.id = "evaluation"
mainDiv.appendChild(newDiv)

Ist mMn die bessere und weniger fehleranfälligere Variante.

Ich würde dir darüber hinaus empfehlen eine anständige IDE (Entwicklungsumgebung) zu verwenden. Dann werden dir so einfache Syntax-Fehler direkt angezeigt.

 ...zur Antwort
Bambussocke
19.06.2022, 20:54
Bot nachricht automatisch senden?

Hey,

Ich wollte mal fragen, ob wer weiß wie es geht dass mein Bot alle 48h eine Nachrichten automatisch schickt.

Ist es ein Event? Falls ja welches?

Bedanke mich im Vorraus

...zum Beitrag
Antwort
von timlg07
19.06.2022, 23:42

Läuft der Bot durchgehend? Dann würde ich einfach einen Timer anlegen, der nach 48h eine Funktion aufruft. Beispiel und weitere Infos: https://docs.python.org/3/library/threading.html#timer-objects

 ...zur Antwort
joni1597
28.11.2021, 13:26
Töne mit batch script erzeugen?

hey, gibt es die Möglichkeit mit einem Batch Script Töne/Tonfolgen abzuspielen, die dann aus den PC Boxen kommen? Wenn ja, wie kann ich dass dann in dieses Script einfügen? (falls möglich):

https://paste.ofcode.org/uq5jTNndS8aSLZ8mLkPNwm

Grüße an den Lieben @Erzesel (https://www.gutefrage.net/nutzer/Erzesel), der mir das Script vor Ewigkeiten mal zur Verfügung gestellt hat :)

An das GF Team: Dies ist keine Frage zu GF, die Frage beinhaltet jediglich einen Link :)

 ...zum Beitrag
Antwort
von timlg07
16.12.2021, 03:59

Du kannst dafür z.B. den Beep von `choice` missbrauchen, indem du statt einer Benutzereingabe einfach per Pipe eine leere Eingabe reingibst:

echo;|choice/N 2>nul

Für mehr Variation kannst du auch per run-dll folgende Funktion aufrufen:

rundll32.exe Kernel32.dll,Beep 750,300

(https://docs.microsoft.com/de-de/windows/win32/api/utilapiset/nf-utilapiset-beep)

Oder du verwendest dieses Skript hier, das einen Hybrid aus Batch und JScript darstellt:

https://raw.githubusercontent.com/npocmaka/batch.scripts/master/hybrids/.net/systemSounds.bat

 ...zur Antwort
SGTVP
27.07.2020, 16:50
Lassen sich in Batch mehrere Variablen vergleichen?

Moin,

mich würde interessieren, ob es möglich ist, in Batch mehrere Variablen zu vergleichen. Ich habe 5 Variablen (angenommen %Var1% bis %Var5%).

Im ersten Fall möchte ich überprüfen, ob mindestens drei davon gleich sind.

Im zweiten Fall geht es darum zu prüfen, ob ein bestimmer Wert (z.B. X) in mindestens einer der fünf Variablen enthalten ist.

Ist so etwas möglich?
Danke im Voraus für eure Antworten!

...zum Beitrag
Antwort
von timlg07
27.07.2020, 20:47
 ob ein bestimmer Wert (z.B. X) in mindestens einer der fünf Variablen enthalten ist.

Dies sollte recht einfach gehen:

for /L %%i in (1 1 5) do if %X% equ !Var%%i! set /a found += 1

Am Ende ist found == Anzahl der Variablen, die gleich X sind.

Im ersten Fall möchte ich überprüfen, ob mindestens drei davon gleich sind.

Hierfür ein, von der Laufzeit gesehen, komplexerer Algorithmus:

for /L %%i in (1 1 5) do (
  set /a currentlyFound = 0
  for /L %%j in (1 1 5) do (
    if !Var%%i! equ !Var%%j! (
      set /a currentlyFound += 1
    )
  )
  if !currentlyFound! geq 3 echo more than 3 elements are !Var%%i!
)

Die Ausgabe erfolgt dann natürlich 3 oder mehr mal (für jeden Index, der eines der 3 mehrfach vorkommenden Elemente enthält).

Hier noch mal das erste Programm mit Beispielvariablen zum Testen:

@echo off & setlocal enabledelayedexpansion
for /L %%i in (1 1 5) do (
  set /a Var%%i=!random! %% 3
  echo !Var%%i!
)
echo.

set /a X = 2
set /a found = 0

for /L %%i in (1 1 5) do (
  if %X% equ !Var%%i! (
    set /a found += 1
  )
)
echo %X% was found %found% times.
pause

Und das zweite:

@echo off & setlocal enabledelayedexpansion
for /L %%i in (1 1 5) do (
  set /a Var%%i=!random! %% 3
  echo !Var%%i!
)
echo.


for /L %%i in (1 1 5) do (
  set /a currentlyFound = 0
  for /L %%j in (1 1 5) do (
    if !Var%%i! equ !Var%%j! (
      set /a currentlyFound += 1
    )
  )
  if !currentlyFound! geq 3 echo more than 3 elements are !Var%%i!
)
pause
...zur Antwort
GoGamer554
24.06.2020, 14:29
Batch Zufallsgenerator für Witze?

Hey ich möchte einen Chatbot erstellen und das hab ich auch schon aber mir ist die Idee gekommen das ich die Funktion "Erzähl mir einen Witz" einbauen könnte aber da ich nicht möchte das er immer den selben Witz bringt, möchte ich einen Zufallsgenerator hinzufügen der aus einer Extra Datei die ich gemacht habe wo die Witze drinstehen so das der Zufallsgenerator da immer einen Witz aussucht.

 ...zum Beitrag
Hilfreichste Antwort
von timlg07
27.06.2020, 12:40

(1) Erkennen der Frage nach einem Witz.

Da du anscheinend schon einen funktionierenden Chatbot hast, sollte das ja recht einfach gehen. Du musst also nur z.B. die Keywords Witz, lustig, etc. hinzufügen.

(2) Metadaten über deine Witzdatei erfassen.

Du brauchst hier lediglich die Anzahl an Zeilen, um dir später dann eine davon zufällig aussuchen zu können. Mit einer for-Schleife kannst du die ganz simpel zählen.

(3) Eine Zeile zufällig auswählen.

Die durch %random% generierte Zufallszahl auf den hier benötigten Zahlenbereich von [1; Zeilenlänge] bringen. Sehr simple, wenn auch nicht optimale Methode hierfür wäre:

set /a selectedLine=%random% %% lines + 1

(4) Die Zeile ausgeben.

Du traversierst hierfür alle Zeilen deiner Witze-Datei und gibst die Zeile mit der zuvor berechneten Zeilennummer aus. Dies kannst du mithilfe von findstr /n, mit einer Hilfsvariable oder mittels dekrementieren der selectedLine-Variable erledigen.

Die Schritte 2 bis 4 habe ich in dieser Antwort schon für Verzeichnisse umgesetzt:

https://www.gutefrage.net/frage/cmd-zufaelliges-wort#answer-347286974

Du musst die for-Schleifen also nur noch anpassen, dass sie sich auf Textdateien beziehen.

 ...zur Antwort
Svppe72
14.06.2020, 16:16
Cmd 8-stellig Zufallszahlen?

Hallo, wie kann man eine 8-stellige Zahl in Cmd zufällig schreiben?

In diesem Format xxxx-xxxx

 ...zum Beitrag
Antwort
von timlg07
15.06.2020, 17:42

Ich habe vor einiger Zeit bereits auf eine ähnliche Frage geantwortet (https://www.gutefrage.net/frage/batchdatei-hoehere-zufallswert-als-32768#answer-336018767) mithilfe von diesem Code kannst du ganz einfach eine achtstellige Zufallszahl erzeugen, oder 2 vierstellige mit einem Bindestrich aneinanderhängen:

@echo off
call :randomNumber 4
set "n=%return%"
call :randomNumber 4
set "n=%n%-%return%"
echo %n%
pause & exit

:: returns random number (base 10) with %~1 digits.
:randomNumber <digits>
    setlocal enableDelayedExpansion
        set "return="
        for /L %%i in (1,1,%~1) do (
            set /a "r = (10 * !random!) / 32768"
            set "return=!return!!r!"
        )
    endlocal & set "return=%return%"
exit /b
...zur Antwort
sebahier
08.06.2020, 13:39
Kann man per Batch einen geöffneten IE-Tab fokussieren und einen Tastendruck senden?

Ist es möglich, in einer Stapelverarbeitungsdatei (Batch) die geöffneten IE-Fenster auf einen bestimmten TAB zu prüfen, diesen zu aktivieren und einen bestimmten Tastendruck zu senden, während das IE-Fenster mit dem TAB fokussiert ist?

  • System: Win10

Im Taskmanager sehe ich als Unterkategorie beim IE die geöffneten Tabs. Ich finde aber leider keine Möglichkeit, diese abzufragen o. Ä.

Viele Grüße
sebahier

...zum Beitrag
Antwort
von timlg07
11.06.2020, 15:57

Du kannst mit NirCmds "win focus" ein bestimmtes Fenster fokussieren, weiteres dazu findest du hier: https://nircmd.nirsoft.net/win.html

Einen bestimmten Tab des Fensters auswählen geht von der cmd aus nur unter Verwendung von externen Tools, nur sehr sehr aufwendig und alles andere als zuverlässig, da wäre es besser du startest die Seite, die du fokussiert haben willst einfach per "start" von der Batch aus.

Das senden von Tastendrücken kannst du hingegen komplett ohne zusätzlich zu installierende Programme erledigen. Du kannst dir eine vbs Datei erstellen (manuell oder automatisch mit Batch), in der du mit CreateObject("WScript.Shell") ein shell Objekt anlegst und auf diesem dann SendKeys aufrufst.

Was hast du denn endgültig vor? Gibt es wirklich keine bessere Lösung für dein Problem, als Benutzerinteraktionen zu simulieren?

 ...zur Antwort
Renja126
06.06.2020, 22:18
Auto Shutdown USB-Stick?

Hallo,
ist es möglich einen USB-Stick mit einer .BAT Datei so so einzurichten das der Computer in den er gesteckt wird direct herunterehrt und wenn der PC dann neu gestartet wird das er dann auch direct herunter fährt aber nur solange der USB-Stick eingesteckt ist

...zum Beitrag
Antwort
von timlg07
06.06.2020, 23:50

Mit einem Rubber Ducky geht das relativ einfach (also z.B. so etwas: https://shop.hak5.org/products/usb-rubber-ducky-deluxe).

Mit einem normalen USB-Stick kannst du lediglich eine autorun.inf erstellen, allerdings wird das inzwischen in fast allen Fällen nicht mehr funktionieren.

 ...zur Antwort
bingomann9
06.06.2020, 22:05
Was ist an dieser If Funktion falsch (Batch)?

(Sorry fürs doppelt fragen)

Warum crasht das Programm?

set /a Ergebnis=%F1%+%F2%+%F3%+%F4%+%F5%
echo.
echo Deine Punktzahl ist %Ergebnis%
echo.
ping localhost -n 3 > nul
if "%Ergebnis%" LEQ "7" 
(
goto schlecht
)  
else if %Ergebnis% LEQ "12"
(
goto besser
)
else if %Ergebnis% LEQ "16"
(
goto gut
)
else if %Ergebnis% LEQ "20" (
Goto Ehrenmann
)
:schlecht
echo wie auch immer
pause >nul
...zum Beitrag
Antwort
von timlg07
06.06.2020, 23:29

Was mir zuerst auffällt sind die falschen if-Abfragen: Du hast hier Zahlen vorliegen, da solltest du keinen String-Vergleich durchführen und demnach auch keine Anführungszeichen verwenden. Vor allem aber solltest du nie die Anführungszeichen nur auf einer Seite verwenden, da z.B. `5=="5"` oder auch `16 leq "16"` immer false ist.

Zudem brauchst du keine else-if Verschachtelung, wenn du nur goto's benutzt.

Was aber wahrscheinlich den Fehler verursacht hat, ist das Springen zu Labels, welche nicht existieren. Ich habe dir hier mal eine verbesserte Version aufgeschrieben:

set /a ergebnis=%F1%+%F2%+%F3%+%F4%+%F5%
echo.
echo Deine Punktzahl ist %ergebnis%
echo.

ping localhost -n 3 >nul
if %ergebnis% LEQ  7 goto schlecht
if %ergebnis% LEQ 12 goto besser
if %ergebnis% LEQ 16 goto gut
if %ergebnis% LEQ 20 goto ehrenmann

:schlecht
  echo schlecht
  goto ende

:besser
  echo besser
  goto ende

:gut
  echo gut
  goto ende

:ehrenmann
  echo ehrenmann

echo wie auch immer
...zur Antwort