Durchsuche Foren

(Erweiterte Suche)

Foren-Statistiken
» Mitglieder: 43.439
» Neuestes Mitglied: charmemedical
» Foren-Themen: 508
» Foren-Beiträge: 2.100

Komplettstatistiken

Benutzer Online
Momentan sind 87 Benutzer online
» 0 Mitglieder
» 84 Gäste
Bing, Facebook, Yandex

Aktive Themen
Memorable Experience With...
Forum: Javascript
Letzter Beitrag: chandadelhiaerocity
Vor 6 Stunden
» Antworten: 0
» Ansichten: 10
Escort Service in Aerocit...
Forum: Javascript
Letzter Beitrag: chandadelhiaerocity
Vor 6 Stunden
» Antworten: 0
» Ansichten: 13
div(tabelle) neugeladen b...
Forum: Javascript
Letzter Beitrag: black79
26.04.2024, 16:40
» Antworten: 4
» Ansichten: 87
What are the psychologica...
Forum: Css
Letzter Beitrag: azaviona
26.04.2024, 07:58
» Antworten: 0
» Ansichten: 32
Ajax Abfrage
Forum: Php
Letzter Beitrag: taxlegit24
25.04.2024, 06:43
» Antworten: 3
» Ansichten: 397
Probleme Firebase Databas...
Forum: Javascript
Letzter Beitrag: PrimoCenturio
22.04.2024, 14:15
» Antworten: 4
» Ansichten: 139
Verbindung von Entscheidu...
Forum: Javascript
Letzter Beitrag: Ashriel
16.04.2024, 11:02
» Antworten: 3
» Ansichten: 125
Neu laden ohne Scrolling
Forum: Javascript
Letzter Beitrag: Tom
16.04.2024, 08:48
» Antworten: 0
» Ansichten: 44
Formularfelder addieren u...
Forum: Javascript
Letzter Beitrag: heena123
16.04.2024, 08:03
» Antworten: 17
» Ansichten: 430
FMOVIES
Forum: Javascript
Letzter Beitrag: xomanig690
16.04.2024, 07:07
» Antworten: 0
» Ansichten: 50

  navbar menü schließt nicht
Geschrieben von: black79 - 21.01.2023, 21:22 - Forum: Javascript - Antworten (4)

hallo,

das Menü in der Navbar schließ nicht automatisch nach dem Ereignis 'Onclick'.

ich habe es dann mit :

Code:
$("#dropdown-content").hide();
versucht.

ist aber einen riesen Aufwand hide() und show(). Gibt es noch eine andere Lösung?

hier der Link zum Problem:

https://oesoft.de

Filter Tabelle
 dann zum testen 'Debug Modus einschalten'

Drucke diesen Beitrag

  "Speichern"-Button mit automatischem Dateinamen (ACROBAT)
Geschrieben von: Nixkönner - 18.01.2023, 11:08 - Forum: Javascript - Keine Antworten

Hallo zusammen,

im Rahmen der Digitalisierung einiger Arbeitsabläufe bin ich dabei, einige Dokumente neu zu erstellen.
Unter anderem ein Dokument für den Wareneingang, welches nach dem Ausfüllen per Click abgespeichert werden soll. Um die Fehlerwahrscheinlichkeit zu minimieren, hätte ich gerne, dass der Button den Dateinamen anhand des Datums und der eingegebenen Artikelnummer erstellt und am liebsten noch an einem festgelegten Ort (der Ort, an dem auch das Blanko-Formular liegt) speichert. 

Nun habe ich hier, sowie in einem anderen Forum schon einiges gefunden, aber es will nicht funktionieren..

Im Ordner "Javascript" von Acrobat X Pro habe ich folgendes Script hinterlegt:


Code:
myTrustedSaveAs = app.trustedFunction(function(doc,path)
{
app.beginPriv();
doc.saveAs(path);
app.endPriv();
});


Mein Button:

Code:
var datum = new Date();
var datePart = datum.getDate() ;

var namePart = this.getField('Artikelnummer').value;

var fullName = "/C/" + datePart + "-" + namePart + ".pdf";


myTrustedSaveAs(event.target,fullName)


Falls es überhaupt möglich ist, einen fixen Speicherort zu definieren, stellt sichmir die Farge, wo dieser im Code definiert wird..?

Zumindest sollte sich aber -laut Forenbeiträgen- ein "Speichern unter" Dialog öffnen, mit dem zuvor ermittelten Dateinamen. Aber nix passiert...



Wär echt toll, wenn mir jemand helfen könnte!



Vielen Dank und liebe Grüße,
Michael



Angehängte Dateien
.pdf   Testdok.pdf (Größe: 70,15 KB / Downloads: 0)
Drucke diesen Beitrag

  Button hinzufügen
Geschrieben von: Oly - 16.01.2023, 23:49 - Forum: Javascript - Antworten (17)

Hallo zusammen,

ich lade eine Seite und möchte gerne einen Button hinzufügen.
Mein Versuch war so, doch einen Button sehe ich nicht, kann mir bitte jemand helfen und sagen wie ich das hinbekomme?

Code:
<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <title>HTML5- und JavaScript Lernspiel</title>
  <script src="bienen.js"></script>
  <link href="bienen.css" rel="stylesheet">
</head>
<body>
<h1>Testprojekt</h1>
<script> window.location="https://de.zir-online.com";

// HTML-Button über JavaScript eine Funktion zuweisen

// Funktion beim laden der Seite aufrufen
window.addEventListener("load", function() {

// Überprüfen ob die ID (Button) auf der Seite vorhanden ist (Optional).
if (document.getElementById("button")) {

  // Der ID den Event-Handler 'click' hinzufügen,
  // als Event die Funktion 'test' aufrufen.
  document.getElementById("button").addEventListener("click", test);
}
});

function test() {
alert('Test!');
}
</script>

<button type="button" id="button">Klick mich!</button>
</body>
</html>

doch leider sehe ich keinen Button

Drucke diesen Beitrag

  Javascript zerschießt Tabelle
Geschrieben von: joerg.plage@web.de - 16.01.2023, 16:04 - Forum: Javascript - Antworten (6)

Hallo zusammen,

ich bin mir zu 99% sicher das mein Javascript die Tabellen Formatierung zerschießt.

Code:
var text = new Array();
text[0] = 'suchformular';
text[1] = 'genre';
text[2] = 'themen';
text[3] = 'land';
    
function toggle(id) {
    if(document.getElementById(id).style.display=="none") {
        for(i=0;i<text.length;i++) {
            document.getElementById(text[i]).style.display="none";
        }
        document.getElementById(id).style.display="block";
    } else {
        document.getElementById(id).style.display="none";
    }
}

es geht um die folgende Tabelle in Zeile 18
Code:
<table>
    <tr>
        <td class="zeile_v"><b>Genre</b></td>
        <td class="zeile">
            <button type="button" class="button2" onclick="toggle('genre')">Genre</button>&nbsp;
            <span class="btn"><b>Abenteuer</b>
                <a href=""><img class="img" src="images/img/loeschen.png" alt=""></a>&nbsp;
            </span>
            <span class="btn"><b>Animation</b>
                <a href=""><img class="img" src="images/img/loeschen.png" alt=""></a>&nbsp;
            </span>
            <span class="btn"><b>Romantik</b>
                <a href=""><img class="img" src="images/img/loeschen.png" alt=""></a>
            </span>
            
        </td>
    </tr>
    <tr id="genre" style="display:none;">
        <td colspan="2">
            <table style="width: 100%;border: black solid 1px;" >
                <tr>
                    <td class="liste">
                        <input type="checkbox" name="genre" value="1" /><span id="liste">Abenteuer</span>
                    <td>
                    <td class="liste">
                        <input type="checkbox" name="genre" value="1" /><span id="liste">Animation</span>
                    <td>
                    <td class="liste">
                        <input type="checkbox" name="genre" value="1" /><span id="liste">Abenteuer</span>
                    <td>
                    <td class="liste">
                        <input type="checkbox" name="genre" value="1" /><span id="liste">Romantik</span>
                    <td>
                <tr>
            </table>
        </td>
    </tr>
<tabel>
ohne Javascript id="genre" wird der Zellen merge in in Zeile 19 <td colspan="2"> angezeigt.
Code:
<tr id="genre" style="display:none;">
was kann mann tun?

Gruß Jörg

Drucke diesen Beitrag

  Daten aus aktueller Webseite auslesen und anzeigen
Geschrieben von: Oly - 15.01.2023, 20:41 - Forum: Javascript - Antworten (8)

Hallo zusammen,

bin neu auf dem Gebiet von JS und bräuchte da mal Rat und Hilfe zu meinem Projekt was ich angehen möchte.
Mein Ziel ist es, mein Script als Lesezeichen im Chromebrowser zu hinterlegen und wenn man ihn anklickt, würde ich gerne Daten aus der aktuellen Websites zuvor auslesen und in meiner Seite dann anschließend anzeigen und ausdrucken. Ist das machbar oder ein Mega aufwand fürs erste?
Hätte da auch gerne Tipps wie ich dann Daten der vorherigen Seite auslese bzw. wie ich zugriff auf ihr bekomme.
Einzelne ID's können mit getElementById gesucht werden, das denke ich, würde ich hinbekommen Smile

Hoffe ihr könnt mir helfen

danke

Oly

Drucke diesen Beitrag

  Scroll Eigenschaften in einer Tabelle
Geschrieben von: black79 - 15.01.2023, 12:03 - Forum: Css - Antworten (1)

Hallo,
ist es möglich in einer Tabelle von Zeile zu Zeile zu scrollen (navigieren)?
So, dass man nicht durch eine Zeile hindurch scrollt.

Drucke diesen Beitrag

  ueberschrift Tabelle
Geschrieben von: black79 - 14.01.2023, 18:07 - Forum: Css - Antworten (6)

Hallo,

hier meine Tabelle : https://oesoft.de

die Spalten der Überschrift (position:fixed
) bedecken die erste Zeile der Tabelle Confused 

Code:
<div class="container_table">
    
   <h5 class="ueberschrift_table"> TABELLE | OHNE FILTER </h5>

   <div class="container_scroll" id="table">
    <table>
     <thead>
      <tr>
      <th class="zustaendigkeit"></th>
      <th class="schnittstelle"></th>
      <th class="uhrzeit">UHRZEIT</th>
      <th class="kennung">KENNUNG</th>
      <th class="sub"></th>
      <th>TAKTISCHE EINHEIT</th>
      <th>STANDORT</th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
     </tr>
    </thead>
     <tbody class="display_table" id="jstable_test">
    
    </tbody>
   </table>
  </div>
  </div>
Code:
th {
     border: 1px solid Gray;
     background-color: #F2F2F2;
     font-family: system-ui;
     font-weight: 100;
     padding: 5px;
}

td {
     border: 1px solid Gray;
     text-align: left;
     padding: 3px;
}

thead {
     color: gray;
     position:fixed;
     margin-top: 0px;
}

.display_table {
     display: block;
}

Drucke diesen Beitrag

  mehrere Frage zu meiner Webseite
Geschrieben von: black79 - 14.01.2023, 10:44 - Forum: Javascript - Antworten (16)

Hallo,
ich habe hier schon einiges gefragt und teilweise auch umgesetzt. Jetzt habe ich nach einer kleinen Lernpause, endlich mal wieder Zeit.
Da ich schon länger nichts gemacht habe und einiges umgestellt habe ist es möglich, dass ich diese Fragen schon einmal gestellt habe.

Vorab möchte ich mich schon mal dafür entschuldigen!

Jetzt zur meiner Testseite: https://oesoft.de
 
1.)   der Scrollbalken rechts, sollte eigentlich nur neben der Tabelle verlaufen und nicht über die gesamte Webseite. Was muss ich da in CSS anpassen?
2.)   die Schrift in der Tabelle soll linksbündig und mittig zentriert verlaufen, welches Attribut sollte man da in CSS verwenden? die Icons in der Tabelle wollte ich auch durch das Attribut        „Padding“      anpassen um Platz zu Sparren.
3.)   der „Button“ um einen Datensatz (mariaDB) zu löschen ist auch noch ohne Funktion. Das Ermitteln der ID gestaltet sich etwas schwierig.  Ich möchte gerne die ID als Variable zwischen speichern und dann als POST (Ajax) an PHP senden (Löschvorgang SQL).



Angehängte Dateien
.php   developmentOESoft.php (Größe: 6,26 KB / Downloads: 0)
.css   stylesheet.css (Größe: 846 Bytes / Downloads: 0)
.js   oesoft.js (Größe: 9,11 KB / Downloads: 0)
.php   daten_abholen.php (Größe: 260 Bytes / Downloads: 0)
.php   daten_tabelle.php (Größe: 1,63 KB / Downloads: 0)
Drucke diesen Beitrag

  Richtige Ausgabe verschwindet nach einer Sekunde
Geschrieben von: nbergmann - 10.01.2023, 13:26 - Forum: Javascript - Antworten (9)

<!DOCTYPE html><html lang="de">
<head>
  <meta charset="utf-8">
  <title>Länge der Eingabe prüfen</title>
  <link rel="stylesheet" href="js4.css">
  <script>
      function wortlaengezaehlen()
      {
        const eg = document.getElementById("idEingabe").value;
        const wortlaenge = eg.length;
        {
      let inf = document.getElementById("info");
          inf.innerHTML = "Das Wort besteht aus " + wortlaenge + " Buchstaben.";
}
      }
  </script>
</head>
<body>
  <form id="idForm" method="post" >
      <p><input id="idEingabe" name="eingabe"
            required="required"> Gib ein Wort ein.</p>
      <p id="info"></p>
  </form>
  <script>
      document.getElementById("idForm").addEventListener
        ("submit", function() { return wortlaengezaehlen();});
  </script>
</body>
</html>


Bei meinem kleinen Programm verschwindet die richtige Ausgabe nach einer Sekunde. Warum? Wie ändere ich das?

Drucke diesen Beitrag

  Unerwünschter neuer Seitenaufbau
Geschrieben von: nbergmann - 08.01.2023, 11:42 - Forum: Javascript - Antworten (5)

Code:
<!DOCTYPE html><html lang="de">
<head>
   <meta charset="utf-8">
   <title>Aufg 5: Plus Minus</title>
   <link rel="stylesheet" href="js4.css">
   <script>
     function rechnen()
      {
         let tx;
        
         if(r1.checked) tx = r1.value;
         else if(r2.checked) tx = r2.value;
         else if(r3.checked) tx = r3.value;
         else if(r4.checked) tx = r4.value;
        
         let zahl1, zahl2;

         if(eingabe1.value == "" || isNaN(eingabe1.value))
            zahl1 = 0;
         else
            zahl1 = parseFloat(eingabe1.value);

         if(eingabe2.value == "" || isNaN(eingabe2.value))
            zahl2 = 0;
         else
            zahl2 = parseFloat(eingabe2.value);
       
         if (tx == "Addition") ausgabe.value = zahl1 + zahl2;
           else if (tx == "Subtraktion") ausgabe.value = zahl1 - zahl2;
           else if (tx == "Multiplikation") ausgabe.value = zahl1 * zahl2;
           else if (tx == "Division") ausgabe.value = zahl1 / zahl2;
    
    // Werden die folgenden zwei Zeilen aktiviert, kommt es zu einem unerwünschten Seitenwechsel.
    //      if (ausgabe.value >= 0) document.write("Das Ergebnis ist positiv.")
    //        else document.write("Das Ergebnis ist negativ.");        
      }
    </script>
</head>
<body>
   <form> 
      <p><input id="idAddition" name="operation" type="radio"
            value="Addition" checked="checked">Plus
      <input id="idSubtraktion" name="operation" type="radio"
            value="Subtraktion">Minus
      <input id="idMultiplikation" name="operation" type="radio"
            value="Multiplikation">Mal
      <input id="idDivision" name="operation" type="radio"
            value="Division">Geteilt</p>
        
      <p><input id="idEingabe1"> Erste Zahl</p>
      <p><input id="idEingabe2"> Zweite Zahl</p>
      <p><input id="idRechnen" type="button" value="Rechnen"></p>
      <p><input id="idAusgabe" disabled> Ausgabe</p>  
   </form>
  
   <script>
      const r1 = document.getElementById("idAddition");
      const r2 = document.getElementById("idSubtraktion");
      const r3 = document.getElementById("idMultiplikation");
      const r4 = document.getElementById("idDivision");
      const eingabe1 = document.getElementById("idEingabe1");
      const eingabe2 = document.getElementById("idEingabe2");
      const ausgabe  = document.getElementById("idAusgabe");
      const re = document.getElementById("idRechnen");
      re.addEventListener("click", rechnen);
   </script>

</body>
</html>
Wenn ich in der function rechnen() die letzten beiden Zeilen aktiviere, zeigt der mir zwar einen richtigen Satz an, allerdings erst nach einem unerwünschten Seitenwechsel.
Wie platziere ich diesen Satz auf Seite 1 unter dem Rechenergebnis?

Drucke diesen Beitrag