Mir ist schon klar das ohne HTML ich es im browser garnicht aufrufen könnte.
Ich meinte nur ob es möglich ist ohne ein <input> die Datei direkt in Javascript über eine Funktion aufzurufen?
Würde funktionieren, bspw. mit dem FileSystemObject... Aber das kann man alles im Netz finden.
Und warum nicht mit PHP?
Besser...
Um Javascript im Browser auszuführen, brauchst Du ein HTML-Dokument. In welchem Umfang steht auf einem anderen Blatt, aber ohne HTML als Basis geht das nicht. Du solltest Dich mit den Dingen befassen und versuchen diese zu verstehen, bevor Du solche Aufgaben umsetzen willst.
die height bezieht sich bei mir immer nur auf die grundsätzliche Größe und nicht auf die Größe beim aufklappen
gibts noch etwas anderes?
Schau halt, wie die es machen, bei denen scrollt das Teil...
Im Beispiel auf der Bootstrap-Doku findet sich genau das, was Du suchst:
https://getbootstrap.com/docs/4.3/components/forms/
Wenn es bei Dir nicht funktioniert, wirst Du wohl etwas nicht richtig machen.
Ich verwende Bootstrap nicht, könnte mir aber vorstellen, dass Du einfach nur mit der Höhe des Element spielen musst.
Im Beispiel haben die height:auto; verwendet.
<input type="file" name="localFile">
<div class="content"></div>document.querySelector( 'input[type="file"]' ).addEventListener( 'change', function(e) {
_reader = new FileReader();
_reader.addEventListener( 'load', () => { document.querySelector('div.content').innerText = _reader.result; });
_reader.readAsText( e.target.files[0] );
});z.B. mit der FileSystem API, die ist aber nicht standardisiert und im IE bspw. nicht verwendbar.
Wozu man das braucht, wüsste ich allerdings nicht, wenn ich ehrlich bin...
Wenn er Dir den Quelltext so auseinanderzieht, würde ich die Ursache eher bei dem verwendeten Editor suchen.
Wechsel den einfach mal.
Warum fragst Du nach Dreamweaver 2004? Wenn schon einen Editor verwenden, dann doch bitte aktuelle Versionen!
Dann ist es auch fast egal, welchen Du verwendest, der produzierte Quelltext ist i.d.R. overloaded shit.
Das ist nur spielerei, wollte testen ob das mit ner Schleife auch gut funktioniert falls die Daten
mit Ajax geholt wird oder sonst was.
Dann würde ich aber ein Template im HTML mitliefern. Das kann man dann im JS verwenden, und den <tbody> neu befüllen.
Der Vorteil wäre halt, dass man nicht so viele Nodes neu erstellen muss, sondern einfach die Template-Nodes clont.
Ein Beispiel:
<table class="table table-bordered table-Test">
<thead>
<tr>
<th class="item" rowspan="2">ID</th>
<th class="item" rowspan="2">Datum</th>
<th class="item1" colspan="2">Spalte1</th>
<th class="item1" colspan="2">Spalte2</th>
<th class="item" rowspan="2">Aktion</th>
</tr>
<tr>
<th>a</th>
<th>b</th>
<th>a</th>
<th>b</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">1.</td>
<td rowspan="2">Datum</td>
<td colspan="2">Inhalt A</td>
<td colspan="2">Inhalt B</td>
<td rowspan="2">Aktion1</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</tbody>
</table>var _tbody = document.querySelector( 'tbody' );
var _rows = [ _tbody.querySelector( 'tr:first-child' ), _tbody.querySelector( 'tr:last-child' ) ];
var _rowCount = 10;
_tbody.innerHTML = null;
for ( r=0; r<_rowCount; r++ ) {
_row = _rows[0].cloneNode( true );
_row.querySelector( 'td:first-child' ).innerHTML = (r+1).toString() + '.';
_row.querySelector( 'td:last-child' ).innerHTML = 'Aktion' + (r+1).toString();
[_row, _rows[1].cloneNode(true)].forEach( i => { _tbody.appendChild(i); } );
}Und um das Ranking zu verbessern ist das Deine Vorgehensweise?! 
Anstatt Humbug zu lernen, könnte man sich ja mit den entsprechenden Ranking-Faktoren beschäftigen, oder ist das zu absurd? 
Liest sich für mich aber so, als hätte er keinen Zugriff auf das CSS? Weil sonst könnte er den Knoten ja problemlos ausblenden...
Naja, sieht ja nach einer Art Planübersicht aus, dann macht eine Tabelle schon mal Sinn...
Das ist prima und das Verhalten von querySelectorAll hast Du soweit auch richtig verstanden, aber der angegebene Pfad passt nicht zu dem von Dir geposteten HTML. Deshalb wundert es mich, dass das funktioniert. Tut es aber, habe es eben selber getestet.
Was ich meinte, nur zur Information:
source.closest('tr').querySelectorAll('table td .dunkel');Du suchst ab dem übergeordneten <tr> nach dem Pfad table td .dunkel, demnach müsste es unterhalb von <tr> eine <table> geben, gibt es aber nicht. Deshalb wundere ich mich, dass das funktioniert.
...oder einfach, bspw.:
a[href^="/meldungen"] { background:#c00; }Würde Sinn machen
Die URL steht ja komplett in der Spate drin, da braucht man ja gar nichts zusammentüddeln.
Dann einfach:
<td><a href="<?php echo $inhalt->linke; ?>"><?php echo $inhalt->linke; ?></a></td>Das kommt immer darauf an, wie Du es in der DB stehen hast. Kannst Du mal Beispieldatensätze zeigen und sagen, in welcher Spalte dann die relevanten Daten für den Link stehen? Dann könnte ich vermutlich den Weg über die Query posten.
Dazu müsste man aber zuvor schon das Dokument entsprechend erstellen, um die Zahlen mit einer CSS-Klasse zu markieren.
In dem Fall wäre JS überflüssig, weil ich dann auch einfach per CSS die Farbe setzen kann.
Ich gehe eher davon aus, dass es sich um eine Tabelle handelt, in der Werte stehen, welche ab einer bestimmten Schwelle hervorgehoben werden.
Dann könnte man es allerdings genauso machen und bspw. mit PHP zuvor die korrekte CSS-Klasse verteilen. Das wäre dann wieder JS frei.
Wenn das aber zwingend clientseitig gelöst werden muss, empfehle ich die Werte in entsprechenden Elementen zu verschachteln, bspw.:
<span class="value">10</span>Dann kann ich per JS alle sammeln und die Werte prüfen:
var _values = Array.prototype.slice.call( document.querySelectorAll('.value') );
_values.forEach(i => {
_iValue = parseInt( i.textContent, 10 );
if ( _iValue > 10 )
i.classList.add( 'highlight' );
});Der Farbwert sollte dann im CSS in der Klassendefinition für highlight hinterlegt sein.
Ungetestet, aber als Beispiel sollte das genügen...
Du wirst es lokal ausführen, denke ich mal, da wird die // Notation für die URL automatisch zu file:///, wo AmazonWS mit Sicherheit nicht verfügbar ist.