Per Batch Wert aus einem HTML Code auslesen?

Hallo liebe Community!

Ich habe im Forum schon nach Lösungen gesucht, aber leider nur Bruchstücke der Lösung gefunden.

Ich habe schon mehrere Schritte per Batch realisiert, aber der letzte will mir nicht gelingen:

Ich habe ein Programm, welches in verschiedenen Versionen gestartet werden kann, die Version bestimmt sich nach der jeweiligen Datenbank und -version.

Dafür gibt es eine HTML Übersichtsseite die alle Datenbanken mit allen Versionen abbildet. Diese wird automatisch als Textdatei runtergeladen und aktualisiert.

Nun muss ich aus dem HTML Code die Zeile mit der richtigen Datenbank auslesen und anschließend die Version, die weiter hinten steht.

Beispiel

<tr><td class='subtd'>DB1</td><td class='subtd'><nobr><font color=#fc7f2b><img title='Ich bin eine Datenbank' src='logo_ci.svg' width='14' height='14'> VERSIONSNUMMER</font></nobr> <font color=grey title='Letztes Login (Monat.Jahr) auf dieser Datenbank'>XXX</font> </td></tr>

<tr><td class='subtd'>DB2</td><td class='subtd'><nobr><font color=#fc7f2b><img title='Ich bin eine Datenbank' src='logo_ci.svg' width='14' height='14'> VERSIONSNUMMER</font></nobr> <font color=grey title='Letztes Login (Monat.Jahr) auf dieser Datenbank'>XXX</font> </td></tr>

HINWEIS die Versionsnummer ist immer gleich aufgebaut, aber unterschiedlich lang XX.X.XXX ODER X.XX.XXXX

Ich würde mich riesig über eine Erklärung zur Lösung freuen, weil ich was dazu lernen möchte.

2 Antworten

Erzesel

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, programmieren, Batch

26.10.2021, 20:57

Beinahe hätte ich ich geantwortet "No Way" (in Batch), ...damit meiner Regel "geht nicht gibts nicht" widersprochen.

Html-Zeilen gelten in Batch, wegen der "<" und ">" als giftige Strings und lassen sich in Batch nur mit riesigem Aufwand überhaupt handhaben.

Batch ist in Sachen unvorhersehbare Texte definitiv kein guter Partner .

Find/Findstr können lediglich feststellen ob ein String in einem Text vorhanden ist, können aber nur ganze Zeilen zurückgeben, jedoch kein Suchmuster selektiv zurückgeben.

Batch ist um definierte Abläufe zu Steuern, mehr aber auch nicht.

mit Powershell und einer kleinen RegEx ist das ein Klacks.

demo1.ps1

$String  =  "<tr><td class='subtd'>DB2</td><td class='subtd'><nobr><font color=#fc7f2b><img title='Ich bin eine Datenbank' src='logo_ci.svg' width='14' height='14'> 12.3.666</font></nobr> <font color=grey title='Letztes Login (Monat.Jahr) auf dieser Datenbank'>XXX</font> </td></tr>"
  #gewagt! !!! im Lookbehind sind nur konstante Ausdrücke erlaubt!!! RegEx Lookbehind:(?<='14'\> ) =: (schau zurück ob "'14'>Leerzeichen" davor steht)
  # suche zuvor:    mindestens kein oder mehr Leerzeichen , mindestens eine Ziffer.mindestens eine Ziffer.mindestens eine Ziffer
$searchPattern="(?<='14'\> )\s*\d+\.\d+\.\d+"
  #als  Inputobjekt   kan auch eien Datei  dienen
Select-String $searchPattern -InputObject $String -AllMatches |%{
    'Folgender Treffer gefunden :'
    $_.matches.Value  #alle Teffer anzeigen
      #Zur Demo nur mal die komplete Match-Sruktur  anzeigen
    'Matchstruktur Demo:'
    $_|fl *
}
pause

Ein RegEx-Lookbehind ist eine heiße Sache und man muss schon sehr Sicher sein, dass exakt das gewünschte vor dem eigentlichen Match steht!

Einfacher ist es erst die nähere Umgebung des "Ziels" (mit einer "ungefähren" Definition komplett zu erfassen, und in einem zweiten Schritt das genaue Match zu selektieren:

$String  =  "<tr><td class='subtd'>DB2</td><td class='subtd'><nobr><font color=#fc7f2b><img title='Ich bin eine Datenbank' src='logo_ci.svg' width='14' height='14'> 12.3.666</font></nobr> <font color=grey title='Letztes Login (Monat.Jahr) auf dieser Datenbank'>XXX</font> </td></tr>"
$BereichPattern = "width=.\d+.\s+height=.\d+.>\s*\d+\.\d+\.\d+\s*</font>"
$VersionPattern = "\d+\.\d+\.\d+"
$Version = Select-String $BereichPattern -InputObject $String -AllMatches |%{
    $_.matches.Value|%{
        Write-Host ('Folgender Bereich gefunden : {0}' -f $_) -fo green
        Write-Host ('filtere VersionPattern: {0}' -f $VersionPattern) -fo green
       (Select-String $VersionPattern -InputObject $_).matches.Value
    }
}
$Version
pause

Natürlich ist das nur ein kleiner Teil , dessen was getan werden muss.

...und soll nur zeigen, wie man mit inhomogenem Text und RegEx auf die Suche geht.

Etwas muss auch für Dich übrig bleiben. Ob Du nun den perfekten Umgang mit der alten BatchSprache lernst, oder Dich gleich dem modernen PowerShell widmest macht im Lernaufwand den Kohl auch nicht fett.

In jedem Fall gibt es bei richtigem Umgang mit PS keine Probleme mit dem zu verarbeitendem Stoff.

Ich könnte Dir auch das ganze Ding schreiben, aber dann wär's Honorararbeit🤑... (Niemand arbeitet zum Spaß mit Datenbanken ergo machst Du solchen Quatsch für eine Firma?)

Woher ich das weiß:eigene Erfahrung – Ich mach das seit 30 Jahren

Joergsabbah

Fragesteller

26.10.2021, 21:11

Erst einmal vielen Dank für die ganze Mühe und man bin ich froh über dein Mantra 😂

Um deine letzte Frage vorwegzunehmen: ich mach den Quatsch für mich innerhalb einer Firma 😅 unser Sysadmin hat die Ausführung jeder Exe geblockt, die nicht ge"whitelisted" ist.

Um mir meine Arbeit zu erleichtern, habe ich angefangen (während freier Spitzen) mit Boardmitteln Batch files zur Automatisierung zu schreiben.

Ich werde morgen mal deine Vorschläge versuchen umzusetzen 😅

Und ja ich weiß das Powershell wesentlich mächtiger ist, aber ich hab damit leider noch gar keine Erfahrung 😐

Bisher beschränkt sich mein Wissen auf SQL, C, C++ und eben Batch 😄

Erzesel

26.10.2021, 22:22

@Joergsabbah

Ok mein Hund war Gassi und ich hab nichts weiter vor...:

Wenn Du in anderen Sprachen fit bist , kann ich mir sparen Kleinkram zu erklären.

Powershell ist extrem Flexibel was Variablen und Datentypen angeht. $DBTrefferZeilen kann ein String sein, oder aber eine Collection.

PS verwendet automatisch die Passende Methode für den Typ. gib Gas...

html.txt

<tr><td class='subtd'>DB1</td><td class='subtd'><nobr><font color=#fc7f2b><img title='Ich bin eine Datenbank' src='logo_ci.svg' width='14' height='14'>8.55.3</font></nobr> <font color=grey title='Letztes Login (Monat.Jahr) auf dieser Datenbank'>XXX</font> </td></tr>
<tr><td class='subtd'>DB2</td><td class='subtd'><nobr><font color=#fc7f2b><img title='Ich bin eine Datenbank' src='logo_ci.svg' width='14' height='14'> 6.777.12</font></nobr> <font color=grey title='Letztes Login (Monat.Jahr) auf dieser Datenbank'>XXX</font> </td></tr>

demo.ps1

$DBPatern="class='subtd'>DB1</td>" # Pattern für Zeilen mit Der gewünschten Datenbank (DB1)
$BereichPattern = "width=.\d+.\s+height=.\d+.>\s*\d+\.\d+\.\d+\s*</font>"
$VersionPattern = "\d+\.\d+\.\d+"
 # datei einlesen und Zeilen auf den  Datenbankpattern filtern
$DBTrefferZeilen=gc 'html.txt'|?{$_ -match $DBPatern}
 #mal Anzeigen
$DBTrefferZeilen|%{ Write-Host ('DatenbankZeile gefunden: {0}' -f $_) -f blue}
 #wieder der "Rundumblick" um die Versionsnummer
$Version = Select-String $BereichPattern -InputObject $DBTrefferZeilen -AllMatches |%{
  $_.matches.Value|%{
    Write-Host ('Folgender Bereich gefunden : {0}' -f $_) -fo green
    Write-Host ('filtere VersionPattern: {0}' -f $VersionPattern) -fo green
    (Select-String $VersionPattern -InputObject $_).matches.Value
  }
}
$Version
switch ( $Version )
{   #Programm ausführen abhängig von Versionnummer
  '8.55.3'  { &'C:\mein Pfad\mein Programm' '"Parameter mit Spaces" blahOhne' }
  '16.245.66' { &'C:\mein Pfad\anderes Programm'}
}
pause

palindromxy

26.10.2021, 13:48

Zur Lösung dieses Problems, ohne etwas an den Rahmenbedingungen zu ändern, musst du einen Regex verwenden, auch bekannt als regulärer Ausdruck. Damit kannst du ein Muster angeben, nachdem in einer Datei gesucht wird. Bestimmte Felder können damit auch ausgelesen werden. Du brauchst also ein Match auf die Zeile mit der richtigen Datenbank und dann matcht du die Versionsnummer in dieser Zeile.

Joergsabbah

Fragesteller

26.10.2021, 15:40

Ok, ich bin jetzt so weit, dass ich weiß wie ich die Stelle suche lassen:

Findstr "'14'>.*</font>" Datenbankuebersicht.txt

.* müsste in dem Fall quasi der Platzhalter für die Version sein.

Aber wie mache ich jetzt ein Abfrage, in der er mir

1. Die Zeile mit der Datenbank sucht

Und 2. Den Wert für .* ausgibt?

palindromxy

26.10.2021, 15:47

@Joergsabbah

DB1 oder DB2 als Variable in das Pattern und die Versionsnummer als gematchte Gruppe extrahieren. Vielleicht ist findstr aber auch etwas grob dafür. Mach sowas zum Glück nur unter Linux.

<table width="840px" height="100px" border="solid">
<tr>
<td width="270px" align="center" id="eineID">
50
</td>
<td>
<script type="text/javascript">
//auslesen der 50
</script>
</td>
</tr>
</table>

...zur Frage

html/css box neben box bekommen?

Bekomme mit diesem code meine box in die andere box. will sie aber ausserhalb der box haben:

<!DOCTYPE html>
<html lang="de">
<head>
<title>Spezialitäten</title>
<meta charset="UTF-8"/>
<style type="text/css">
h1 {
font-size: 80px;
text-align: left;
color: red}
.hauptbox {
background-image: url(1783.jpg);
background-size: cover;
width: 1500px;
height: 600px;
border: solid;
}
.banner {
height: 200px;
border: solid;
margin: 25px;
width: 1450px;
}
.link {
width: 206px;
height: 300px;
border: solid;
float: right;
color: white;
A:active {color:red};
}
</style>
</head>
<body bgcolor="lightblue">
<div class="hauptbox">
<div class="banner">
<h1>Gdddd</h1>
</div>
<div class="link"
<a name="suche"><h4>Zurück zum Anfang</h4></>
</body>
</html>

...zur Frage

Wie kann ich bei dieser Website den Link nach oben rechts verschieben?

Ich habe einen Link erstellt, der mich wieder zurück zur Hauptwebsite bringt. Nur möchte ich, dass der Link oben rechts ist. Kann mir da jemand helfen?

Die Webseite:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Preise</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
  <style>
    body {
      font-family: 'Open Sans', sans-serif;
      padding-left: 100px;
      padding-right: 100px;
    }

    .preise-navbar {
      padding-left: 100px;
      color: rgb(52, 57, 56);
    }

    .preise-container {
      background-color: white;
      padding: 16px;
    }

    table {
      border-collapse: collapse;
    }

    td,
    th {
      padding: 16px;
      border-bottom: 2px solid #8ebf42;
      text-align: center;
      padding-left: 100px;
    }

    a {
    }
  </style>
</head>
<body>
  <div class="preise-container">
    <h1 class="preise-navbar">Preise:</h1>
  </div>
  <table>
    <tr>
      <th></th>
      <th></th>
    </tr>
    <tr>
      <td>Erwachsene:</td>
      <td>20€</td>
    </tr>
    <tr>
      <td>Kinder unter 18</td>
      <td>10€</td>
    </tr>
    <td>Kinder unter 6</td>
    <td>3€</td>
  </table>
  <a href="Index.html">Zurück</a>
</body>
</html>

...zur Frage

Hilfe beim html/css code?

Habe folgendes Problem, ich möchte die Website so umändern das sie für jedes gerät abrufbar ist bzw. verschiedene Display Größen.

Das ganze soll mit Flexboxen gemacht werden aber bei mir will das nicht so, unten ist mein backup code.

html:

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="UTF-8">
    <title>Fledermäuse</title>
    <link rel="stylesheet" href="formatieren.css">
  </head>
  <body>
    <header>
      <table>
        <tr>
          <td>
            <img src="bilder/Fledermaus_Logo.jpg" height="100" width="200" alt="Dieses Bild ist Nicht Verfügbar">
          </td>
          <td>
            <h1>Bat out of Hell</h1>
          </td>
        </tr>
      </table>
    </header>
    <nav>
        <p><a href="index.html" style="color: #b4b4b4">Start</a></p>
        <p><a href="verbreitung.html" style="color: #b4b4b4">Verbreitung</a></p>
        <p><a href="merkmale.html" style="color: #b4b4b4">Merkmale</a></p>


    </nav>
    <article>
      <h2><a href="https://de.wikipedia.org/wiki/Flederm%C3%A4use" style="color: #b4b4b4">Fledermäuse</a></h2>
      <p>
        Die <span class="fett">Fledermäuse</span> (Microchiroptera) sind eine
        <span class="magenta">Säugetiergruppe</span>, die zusammen mit den <span class="magenta">Flughunden</span> (Megachiroptera)
        die Ordnung der <span class="magenta">Fledertiere</span> (Chiroptera)
        bilden. Zu dieser Ordnung gehören die einzigen Säugetiere
        und neben den <span class="magenta">Vögeln</span> die einzigen <span class="magenta">Wirbeltiere</span>,
        die aktiv fliegen können. Weltweit gibt es rund 900 Fledermausarten.
      </p>
        Der Name bedeutet eigentlich „Flattermaus“
        (ahd. <span class="schräg">fledarmūs</span>, zu ahd. <span class="schräg">fledarōn</span> „flattern“)
    </article>
    <aside>
      <img src="bilder/Fledermaus_Skelett_Seite.jpg" width="200" alt="Dieses Bild ist Nicht Verfügbar">
    </aside>
    <footer>
      Der Inhalt dieser Webseite stammt von Wikipedia und ist vom Stand: 16. Dezember 2017, 7:25 Uhr.
    </footer>
  </body>
</html>

css:



header
{
  position: absolute		;
  top:      0px 			;
  left: 	0px				;
  width:    1200px			;
  height:   100px	 	   	;
  background-color: #3c3c3c	;
  font-family: Helvetica	;
  color: white 				;
}


nav
{
  position: absolute		;
  top: 	    100px			;
  left: 	0px		     	;
  width: 	200px			;
  height: 	550px		    ;
  background-color: #3c3c3c	;
  text-align: center 		;
  font-size: 25px			;
  font-family: Comic Sans MS ;
  color: white 				;
}


article
{
  position: absolute		;
  top: 		100px			;
  left: 	200px			;
  background-color: #616161	;
  overflow-y: scroll		;
  font-family: Arial		;
  color: white  			;
  font-size: 20px 			;
}


aside
{
  position: absolute		;
  top: 	    100px    		;
  left: 	1000px			;
  width: 	200px			;
  height: 	550px  			;
  background-color: #3c3c3c	;
}


footer
{
  position: absolute		;
  top: 		650px			;
  left: 	0px				;
  width: 	1200px			;
  height:   25px 			;
  background-color: black	;
  color: white 				;
}


.fett
{
	font-weight: bold;
}


.magenta
{
	text-decoration: underline;
	color: magenta;
}


.schräg
{
	font-style: oblique;
}

...zur Frage

Handy rechner Javascript?

Hallo, ich habe folgenden code:

<!DOCTYPE html>

<head>

<title>Calculator</title>

<style>

</style>

function appendOperation(operation){

document.getElementById("resultArea").innerHTML += operation;

}

function calculateResult() {

let container = document.getElementById("resultArea");

let result = eval(container.innerHTML);

container.innerHTML = result;

}

function deleteLast() {

let container = document.getElementById("resultArea");

if (container.innerHTML.endsWith(' ')) {

container.innerHTML = container.innerHTML.slice(0, -3);

} else {

container.innerHTML = container.innerHTML.slice(0, -1);

}

</script>

</head>

<body>

</div>

<table>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

ICH KANN AUF DEM PC DAS = DRÜCKEN UND DEL DRÜCKEN, ALSO ZUM LÖSCHEN:

ABER AUF DEM HANDY KANN ICH NICHT = UND DEL DRÜCKEN, WORAN KANN DAS LIEGEN?

ICH NUTZE ANDROID MIT CHROME:

...zur Frage

Ich habe mich noch einmal dran gesetzt! Habt ihr Verbesserungsvorschläge?

<html>
<head>
<title>Cupcakes!</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Cupcake Factory</h1>
<center><img src="https://png.pngtree.com/png-vector/20200531/ourlarge/pngtree-cupcake-illustration-in-icon-drawn-style-png-image_2216376.jpg" alt="Cupcakes" width="300px" height="301px"></center>
<br>
<br>
<br>
<center><table border="3px" color="pink" cellpadding="5px"></center>
<th colspan="3">Unsere Preise</th>
<tr>
<td>XXL Cupcake</td>
<td>€5,99</td>
</tr>
<tr>
<td>Mini Cupcake (Arvid)</td>
<td>€0,99</td>
</tr>
<html>

CSS:

h1 {
color:#FFC0CB;
font-family:Arial;
font-size:60px;
background-color:#F5F5F5;
padding-top:20px;
text-align:center;
letter-spacing:10px;
font-variant:weight;
}
body {
background-color:#F5F5F5;
}
table {
border:2px solid;
color:#FFC0CB;
font-family:Arial;
}
th {
color:black;
background-color:pink;
font-family:Arial;
}
tr {
color:black;
background-color:#ea899a;
font-family:Arial Black;

...zur Frage

HTML Die Tabelle rutscht immer nach unten?

Hallo!
Ich habe momenatn ein Schulprojekt bei dem ich eine Fahradshop mit html bauen soll. Ich habe Bilder in eine Tabelle hinzugefügt (weil es uns so vorgegeben wurde) was auch ohne Probleme geklappt hat. Danach wollte ich unter der Tabelle einen Strich setzten welcher dann aber über der Tabelle angezeigt wurde.

Hier der Code:

<html>
<title>Fahrrad Verkauf</title>
<head><center>
<img src=leisteprodukte.png usemap="#image-map">
</center>
</head>
<body bgcolor=#CAE1FF><center>
  <br><br><br>
  <map name="image-map">
      <area target="" alt="" title="" href="Produkte.html" coords="3640,911,3974,990" shape="rect">
      <area target="" alt="" title="" href="Kaufen.html" coords="4320,990,4039,906" shape="rect">
      <area target="" alt="" title="" href="Startseite.html" coords="4390,889,4732,986" shape="rect">
  </map>
  <map name="1">
    <area target="" alt="Trackind Rad1" title="Trackind Rad" href="Fahrrad1.html" coords="2,1,610,610" shape="rect">
  </map>
  <map name="2">
    <area target="" alt="Trackind Rad2" title="Trackind Rad" href="Fahrrad2.html" coords="2,1,610,610" shape="rect">
</map>
<map name="3">
  <area target="" alt="Mountainbike1" title="Mountainbike" href="Fahrrad3.html" coords="2,1,610,610" shape="rect">
</map>
<map name="4">
  <area target="" alt="Mountainbike2" title="Mountainbike" href="Fahrrad4.html" coords="2,1,610,610" shape="rect">
</map>
<map name="5">
  <area target="" alt="City Rad1" title="City Rad" href="Fahrrad5.html" coords="2,1,610,610" shape="rect">
</map>
<map name="6">
  <area target="" alt="City Rad2" title="City Rad" href="Fahrrad6.html" coords="2,1,610,610" shape="rect">
</map>
<map name="7">
  <area target="" alt="Kinder Rad1" title="Kinder Rad" href="Fahrrad7.html" coords="2,1,610,610" shape="rect">
</map>
<map name="8">
  <area target="" alt="Kinder Rad2" title="Kinder Rad" href="Fahrrad8.html" coords="2,1,610,610" shape="rect">
</map>
<br><br><br><br><br><br>
<span style="font-size:70">Drücke auf die Bilder für eine Groß-Ansicht.</span>
<table bordercolor=#6381d8 border=1>
   <tr>
    <td><img src=Fahrrad1.jpg usemap=#1></td>
    <td><img src=Fahrrad2.jpg usemap=#2></td>
    <td><img src=Fahrrad3.jpg usemap=#3></td>
    <td><img src=Fahrrad4.jpg usemap=#4></td>
  </tr>
   <tr>
    <td><img src=Fahrrad5.jpg usemap=#5></td>
    <td><img src=Fahrrad6.jpg usemap=#6></td>
    <td><img src=Fahrrad7.jpg usemap=#7></td>
    <td><img src=Fahrrad8.jpg usemap=#8></td>
  </tr><br>
  <hr color=#6381d8 size=10 width=100%>
</body>
</html>

...zur Frage

Taschenrechnr mit Typescript erstellen?

Hallo, wir sollten für unseren Kurs einen Taschenrechner auf unserer Webseite erstellen. Diese sollte erst + - * und / errechnen können. Dies habe ich so gemacht:

<form name="Rechner">
 <table border="10" cellpadding="10" bgcolor="#E0E0E0">
   <tr>
     <td bgcolor="#C0C0C0"><input name="Display" size="30" maxlength="30"></td>
   </tr>
   <tr>
     <td>
  <table>
       <tr>
         <td width="50"><input type="button" value="  7  " onclick="Hinzufuegen('7')"></td>
         <td width="50"><input type="button" value="  8  " onclick="Hinzufuegen('8')"></td>
         <td width="70"><input type="button" value="  9  " onclick="Hinzufuegen('9')"></td>
         <td width="50"><input type="button" value="  +   " onclick="Hinzufuegen('+')"></td>
       </tr>
       <tr>
         <td width="50"><input type="button" value="  4  " onclick="Hinzufuegen('4')"></td>
         <td width="50"><input type="button" value="  5  " onclick="Hinzufuegen('5')"></td>
         <td width="70"><input type="button" value="  6  " onclick="Hinzufuegen('6')"></td>
         <td width="50"><input type="button" value="   -   " onclick="Hinzufuegen('-')"></td>
       </tr>
       <tr>
         <td width="50"><input type="button" value="  1  " onclick="Hinzufuegen('1')"></td>
         <td width="50"><input type="button" value="  2  " onclick="Hinzufuegen('2')"></td>
         <td width="70"><input type="button" value="  3  " onclick="Hinzufuegen('3')"></td>
         <td width="50"><input type="button" value="      " onclick="Hinzufuegen('')"></td>
       </tr>
       <tr>
         <td width="50"><input type="button" value="   =   " onclick="Ergebnis()"></td>
         <td width="50"><input type="button" value="  0  " onclick="Hinzufuegen('0')"></td>
         <td width="70"><input type="button" value="  .   " onclick="Hinzufuegen('.')"></td>
         <td width="50"><input type="button" value="   /   " onclick="Hinzufuegen('/')"></td>
       </tr>
       <tr>
         <td width="50"><input type="button" value="Wurzel " onclick="Sonderfunktion('sqrt')"></td>
         <td width="50"><input type="button" value=" pow " onclick="Sonderfunktion('pow')"></td>
         <td width="70"><input type="button" value=" log " onclick="Sonderfunktion('log')"></td>
         <td width="50"><input type="reset" value="  C  "></td>
       </tr>
       <tr>
     </table>
     </td>
   </tr>
 </table>
</form>

Jetzt sollen wir den Taschenrechner erweitern und Flächeninhalt; Umfang(Rechteck),Potenzieren,Fakultät, Modulo und Dezimal Dual hinzufügen.

Die Buttons kann ich erstellen, aber wie erstelle ich die dazugehörige scripts? Ich hoffe jemand kann mir helfen. :(

...zur Frage

HTML CSS Problem, Kann wer helfen?

Ich habe vor ein Spiel auf HTML responsiv zu machen. Ich würde es gerne so machen, dass der Button oben links neben dem Canvas angezeigt wird, doch erscheint der unten am Rand. Ich weiß nicht wie ich es ändern kann. Bei der Console habe ich geguckt und das Canvas (width: 320px) nimmt den ganzen Bereich im Feld ein (Im Bild der blaue Bereich). Kann mir wer von euch helfen? Danke im voraus.

Kann mir auch jmd sagen, ob es extra ein deutsches Forum gibt, wo ich fragen wie diese stellen kann?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tetris</title>
    <link rel="icon" href="css/img/galaxsite/galaxsiteIcon.png">
    <style>
        .gameField {
            max-width: 50%;
            margin: 25px auto;
            background-color: #151618;
            box-shadow: 20px 20px 15px black;
            padding-top: 2%;
            padding-bottom: 2%;
            padding-left: 2.5%;
            padding-right: auto;
        }

        canvas {
            background-color: #000000;
            border: 3px solid #a60cf0;
            width: clamp(50px, 50%, 320px);
        }


        .buttonStart {
            background-color: #a60cf0;
        }
    </style>
</head>
<body>
    <div class="gameField">
        <canvas class="canvas" width="320px"  height="640px    </canvas>
        <button class="buttonStart">Start</button>
    </div>
</body>
<script type="text/javascript" src="js/tetris.js" defer></script>
</html>

...zur Frage

CSS-Table zentrieren?

Hallo!

Ich möchte dieses Diagramm und diese Tabelle zentrieren? Doch wie geht das?



<div id="curve_chart" style="width: 900px; height: 500px"></div>

<table class="center">
    <thead>
        <tr>
            <th>ID</th>
            <th>Temperatur</th>
            <th>Zeitpunkt</th>
        </tr>
    </thead>
    <tbody>
        {% for temp in temps %}
        <tr>
            <td>{{temp.id }}</td>
            <td>{{temp.temperatur }}</td>
            <td>{{temp.zeitpunkt }}</td>
        </tr>
        
        {% endfor %}
        
    </tbody>
</table>


{% endblock %}

...zur Frage

WetterApp mit HTML, Css und C# über Blazor Server App?

Hallo undzwar bin ich neu in C# und möchte über die Blazor Server App eine Wetter-App programmieren, allerdings fehlt mir dazu noch der Code, da ich nicht weiß wie ich anfangen soll. Ich möchte dass mein "SearchIcon" welcher in HTML hinterlegt ist als suchbutton fungiert, damit ich die Städte suchen kann und über API möchte ich, dass mir dann die jeweiligen Temperaturen angegeben werden. Kann mir wer helfen und gegebenenfalls einen Code dafür geben.

Hier mein HTML code:

</div>

</div>

<div>

</div>

</div>

<img src="/images/image1.png" width="75" height="75" class="imageline "

<img src="/images/image1.png" width="75" height="75" class="imageline " style="margin-left: 5px; margin-right: -5px;"

<img src="/images/image1.png" width="75" height="75" class="imageline " style="margin-left: 22px; margin-right: -5px;"

<img src="/images/image1.png" width="75" height="75" class="imageline " style="margin-left: 5px; margin-right: -14px;"

</div>

<div>

<p style="color:black;"class="line0 title margin-left ">Monday</p>

<p style="color:black;"class="line0 title margin-left ">Tuesday</p>

<p style="color:black;"class="line0 title margin-left ">Wednesday</p>

<p style="color:black;"class="line0 title margin-left ">Thursday</p>

<p style="color: black;"class="line0 title margin-left ">Friday</p>

</div>

<div>

<p class="speed">Humidity</p>

</div>

<div>

<p class="speed">Wind Speed</p>

</div>

</body>

hier mein Css code:

.backgroundimage {

background-image: url('../images/sun_background.png');

background-attachment: fixed;

background-repeat: no-repeat;

background-size: cover;

}

.cloud-background {

background-image: url('../images/cloud.png');

/* Füge hier die gewünschten Hintergrundbilderigenschaften hinzu */

}

.card {

width: 90%;

max-width: 470px;

color: #fff;

margin: 10px auto 0;

border-radius: 20px;

}

.search{

width: 100%;

display: flex;

align-items: center;

justify-content: space-between;

}

.search input{

border: 0;

outline: 0;

background: #ebfffc;

color: #555;

padding: 10px 25px;

height: 60px;

border-radius: 30px;

flex: 1;

margin-right: 16px;

font-size: 18px;

}

.search button{

border: 0;

outline: 0;

background: #ebfffc;

border-radius: 60%;

width: 60px;

height: 60px;

cursor: pointer;

}

.weather-icon{

margin-bottom: -30px;

}

.weather h1 {

font-size: 80px;

font-weight: 500;

color: floralwhite;

}

.weather h2 {

font-size: 40px;

font-weight: 400;

margin-top: -10px;

color: floralwhite;

}

.details {

display: flex;

align-items: center;

justify-content: space-between;

padding: 0 20px;

margin-top: 50px;

}

.col {

display: flex;

align-items: center;

text-align: left;

margin-top: 150px;

}

.col img {

width: 20px;

margin-right: 20px;

margin-bottom: 70px

}

.humidity, .wind{

font-size: 28px;

margin-top: -6px;

color: floralwhite;

}

.speed{

font-weight: bold;

}

.temp {

margin-bottom: 20px;

display: flex;

justify-content: center;

}

.search button img{

width: 55%;

}

.center {

display: flex;

justify-content: center;

}

.top-left{

display: flex;

justify-content:left

}

.top-left

{

margin-left: 10px;

}

.margin-top{

margin-top: 20px;

}

.hr1 {

width: 390px;

height: 2px;

color: black;

}

.line{

margin-bottom: -100px;

margin-top: 10px;

}

.line1{

margin-top: 30px;

margin-bottom: -20px;

}

.line0{

margin-top: 70px;

margin-bottom: -90px;

font-size: 14px;

font-weight: bold;

color: black;

}

.imageline {

margin-top: 5px;

margin-bottom: -90px;

}

.imagesMain {

padding: 0;

margin-left: auto;

margin-right: auto;

margin-top: 20px;

text-align: center;

}

.imagesMain img {

height: 400px;

width: 300px;

vertical-align: middle;

}

.title {

display: inline-block;

color: lightgray;

}

.margin-left{

margin-left: 14px;

}

...zur Frage

Hilfe für c# code mit HTML &CSS in Blazor?

Hallo, ich möchte eine WetterApp programmieren mit Blazor und sitze jetzt schon 4 Tage an dem Problem mit C#, da ich keine Ahnung habe wo ich anfangen soll und generell neu bin und nicht ganz vertraut bin. Ich habe die WetterApp mit JavaScript programmiert, allerdings soll ich C# verwenden und nicht JavaScript deshalb brauch ich eure Hilfe! Kann mir wer dabei helfen einen C# Code zu schreiben, welcher dasselbe macht wie mein javaScript-Code:

1. Ich möchte das mein "SeachrIcon-Button" aus einem HTML-Code als Suchbutton fungieren kann, womit ich die einzelnen Städte suchen kann, damit mir dabei dann die Wetterdaten angezeigt werden.

Ich möchte, dass dann die Bilder der zu den jeweiligen Wetter vorkommnissen angepasst werden, also die Wetter Daten sollen in der Console angezeigt werden aber nicht auf dem Display

Hier mein Html Code:

<body class="backgroundimage">


  <div class="card">
      <div class="search">
          <button><img src="/images/SuchIcon.png"></button>


              <input type="text" placeholder="Search" spellcheck="false" />
        
      
      </div>
  </div>
    
     
  <div class="weather"> 
      <div class="center margin-top">
      <img src="images/image1.png" width="200" height="200" style="opacity: 1" class="weather-icon" />
      </div>


     <div>
          <h1 class="temp">22°c</h1>
     </div>
      
      
      <div class="center">
          <h2 class="city center margin-top">New York</h2>
      </div>


          <hr class="hr1 line1" />

          <div id="imagesMain">
              <img src="/images/image1.png" width="75" height="75" class="imageline " />
              <img src="/images/image1.png" width="75" height="75" class="imageline " />
              <img src="/images/image1.png" width="75" height="75" class="imageline " style="margin-left: 5px; margin-right: -5px;" />
              <img src="/images/image1.png" width="75" height="75" class="imageline " style="margin-left: 12px; margin-right: -10px;" />
              <img src="/images/image1.png" width="75" height="75" class="imageline " style="margin-left: 2px; margin-right: -14px;"/>


          </div>

          <div>
           
              <p style="color:black;" class="line0 title margin-left ">Monday</p>
              <p style="color:black;" class="line0 title margin-left ">Tuesday</p>
              <p style="color:black;" class="line0 title margin-left ">Wednesday</p>
              <p style="color:black;" class="line0 title margin-left ">Thursday</p>
              <p style="color: black;" class="line0 title margin-left ">Friday</p>
             
           
          </div>

          <hr class="hr1 line" />

      <div class ="details">
          <div class="col">
              <img src="images/humidity.png"/>
              <div>
                  <p class="speed">Humidity</p>
                  <p class="humidity">50%</p>
                  
              </div>
          </div>
          <div class="col">
              <img src="images/wind.png" />
              <div>
                  <p class="speed">Wind Speed</p>
                  <p class="wind">15 km/h </p>
                 
              </div>

          </div>

      </div>
  </div>
  
   </body>

Im unteren Kommentar werd ich die restlichen Codes posten

...zur Frage

Warum hat das Menü trotzdem noch Abstand?

Ich bin ein relativer Anfänger wenn es ums Coden geht. Ich wollte jetzt eine Menü Leiste erstellen, doch egal was ich probiere, gibt es immer noch Abstand nach oben.

Kann mir vielleicht helfen?

Hier der Code:

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<style>

body {

margin: 0;

}

.Bild1 {

width: 50px;

height: 74px;

}

.Platz80 {

height: 80px;

}

.Platz20 {

height: 20px;

}

.Auswahl {

float: right;

padding-right: 30px;

font-size: 50px;

}

.Auswahl ul {

list-style-type: none;

margin: 0;

padding: 0;

overflow: hidden;

}

.Auswahl li {

float: left;

}

.Auswahl li a {

color: #8e9aaf;

text-align: center;

padding-left: 30px;

}

.Auswahl li a:hover {

color: #ffcad4;

}

#MenüText {

color: #8e9aaf;

margin: 0;

padding: 0;

font-size: 30px;

}

.Menü {

margin: 0;

padding: 0;

height:100px;

background-color: #cbc0d3;

}

</style>

<ul>

<li>

<a href="/">Ziele</a>

</li>

<li>

</li>

</ul>

</div>

<h3>Willkommen!</h3>

</div>

...zur Frage

HTML style="" nur erster a href funktioniert?

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Autotuning</title>
<link rel="shortcut icon" href="T4Nissan 240 SX BR101.png" type="image/x-icon">
<meta name="description" content="">
<link href="styleSeite1.css" rel="stylesheet">
</head>
<body>
<br><br><br><br><br><br><br><center>
<a href="NFSU.html"><img src="images/NFSU.jpg" width="" height="230" style="align:/></a>
<a href="NFSU2.html"><img src="images/NFSU2.JPG" width="" height="235" style="align:/></a>
<a href="NFSUC.html"><img src="images/NFSUC.JPG" width="" height="241" style="align:/></a>
<a href="NFSC.html"><img src="images/NFSC.JPG" width="" height="237" style="align:/></a>
<a href="NFSMW2005.html"><img src="images/NFSMW2005.JPG" width="" height="230" /></a><br>
<a href="MC3DER.html"><img src="images/MC3DER.JPG" width="" height="250" style="vertical-align:/></a>
<a href="MCLACE.html"><img src="images/MCLACE.JPG" width="" height="250"/></a>
<a href="Gran Turismo 6.html"><img src="images/Gran Turismo 6.jpg" width="" height="250" /></a>
<a href="LEGO.html"><img src="images/LEGO.JPG" width="" height="250" /></a><br>
<a href="Modellbau.html"><img src="images/Modellbau.jpg" width="500" height="" align="top"/></a>
<a href="Sonstige.html"><img src="images/Sonstige.JPG" width="230" height="" align="top"/></a>
<a href="GTA5.html"><img src="images/Coil Cyclone.jpg" width="350" height="" align="top"/></a>
<a href="Silent Hill.html"><img src="images/Halo.JPG" width="185" height="" align="top"/></a>
</body>
</html>

durch ,,style=""´´ werden die Hyperlinks ohne Abstand platziert. Warum werden diese Hyperlinks gruppiert und alle außer dem erstem werden ignoriert? Die Frage ist leicht zu verstehen beim Blick auf den F12-Debugger im Browser. </style> löst das Problem nicht. autotuningyv.square7.ch/Seite1.html. Kann jemand den Quelltext bitte korrigieren?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen