Beiträge von thom

thom · 24. April 2019

Finde es klasse wie mein Lieblingseditor Notepad++ das gelöst hat.

bei der php/vbs Lösung hat man den Vorteil das der Zeitstempel der Dateien wieder zurückgesetzt werden kann, obwohl ich so eine Datei nicht gerne auf einem aktiven Server laufen lassen möchte und zumindest sofort wieder löschen möchte.

Profis machen es mit sed (von stream editor) (Ubuntu)

Code

find dir -type f -exec sed -i 's/SUCHEN/ERSETZEN/g' {} +

Zerstörungskraft ist aber auch hier enorm wenn man nicht weis was man tut (zuerst sichern).

VBS-Script als Beispiel falls du ein anderen Server hast :

Code

strFolder = "C:\HTML-Dateien-Ordner"
Set fso = WScript.CreateObject("Scripting.Filesystemobject")
Set regex = New RegExp
regex.Pattern = "falschertext"
regex.Global = True
parseFolders fso.GetFolder(strFolder), True
MsgBox "Fertig bearbeitet"

Function parseFolders(strFldr,boolRecursion)
    For Each f In strFldr.Files
        If LCase(Right(f.Name,4)) = "html" Or LCase(Right(f.Name,3)) = "htm" Or LCase(Right(f.Name,3)) = "php" Then
            Set objFileRead = fso.OpenTextFile(f.Path,1,-1)
            strContent = objFileRead.ReadAll()
            objFileRead.Close
            If regex.Test(strContent) Then
                newContent = regex.Replace(strContent,"text")
                Set objFileWrite = fso.OpenTextFile(f.Path,2)
                objFileWrite.Write(newContent)
                objFileWrite.Close
            End If
        End If
    Next
    
    If boolRecursion Then
        For Each subFolder in strFldr.SubFolders
            parseFolders subFolder, True
        Next
    End If
End Function

Alles anzeigen

lg

thom · 22. April 2019

Ich greife mit js auf die css Eigenschaften zu und lasse diese durch eine css Transformation bewegen, hat den vorteil das dazu die gpu statt die cpu verwendet wird.

Zitat

Aber tut ja auch nix zu sache wie es bewegt wird

doch, genau um das geht es.

dein Beispiel hat mir jedoch sehr geholfen auch wenn ich nicht Bibliotheken verwende, konnte ich in den JQuery Funktionen finden wie sie es machen

Code

top=document.getElementById("hg").getBoundingClientRect()["top"]

vielen dank

thom · 22. April 2019

??

https://caniuse.com/#search=css3%20media%20queries

dies erkennt doch selbst ein ie9:

Code

@media (min-aspect-ratio: 4/3) {

dein link oben ist doch die js Lösung welche nicht ohne fallback gemacht werden darf:

Code

screen.orientation.addEventListener("change", () => {  //dies wird nicht von allen unterstützt

das beim scrollen Sachen stehen bleiben erreicht man ganz einfach mit css

position:fixed;

statt mit

position:absolute;

thom · 22. April 2019

Zitat

Kann man einen transparenten Kasten über ein Bild legen

geht doch wunderbar mit opacity:0; (sichtbarkeit)

Code

<style>
.trk{
z-index: 10; /*Damit er über und nicht unter die slideshow kommt*/
position:absolute;
top:410px;
left:410px;
opacity:0;         /*starte mit opacity:1; und verstecke es erst, wenn die position und gösse stimmt*/
display:box;
background-color:red; /* Farbe damit du den bereich anfangs besser sehen kannst*/
}
</style>
......
<a href="http://deinlink.de" class="trk">durchsichtiger link</a>
......

Alles anzeigen

popups finde ich nicht gut!

zu dem Seitenverhältniss Problem gibt es viele css Lösungen

Code

<style>
@media (orientation: portrait) { /* Formate für hochformatige Ausgabemedien */ }
@media (orientation: landscape) { /* Formate für querformatige Ausgabemedien */ }
@media (min-aspect-ratio: 4/3) { /* oder genauer bis zu welchem seitenverhältniss die regeln gelten sollen */ }
@media (min-device-aspect-ratio: 4/3) { /* Diese switsh bezieht sich auf die geräteabmessungen und nicht auf die des browserfenster */ }

thom · 22. April 2019

Hi 2 all.

Stehe ich auf dem Schlauch oder ist es nicht möglich die aktuelle Position zu ermitteln bei einem durch css animierten Objektes.

Code

<style>
#hg{
position:absolute;
top:0px;
will-change: transform;
}
</style>

<img id=hg src="bild.jpg">

<script>
.....
/* so nicht lauffähig, nur ein Democode*/
.....
function cssani(o,tx,ty,tz,zx,zy,zz,sx,sy,du,de,it,){
    return o.animate([{transform: "translate3d("+tx+", "+ty+", "+tz+") scaleX("+sx+")"},
         {transform: "translate3d("+zx+", "+zy+", "+zz+") scaleX("+sx+")"}
         ], {
              duration: 40000/speed,delay: de/speed,iterations: Infinity, fill: 'forwards'
         });
}

function fuevent(e){
Aktuelle Y Position des Bildes ist != $d("hg").style.top != $d("hg").offsetTop ==? $d("hg").style.transform.matrix/xz... * aktueller steep ????
}
</script>

Alles anzeigen

Vielen dank für eure Hilfe

Beiträge von thom

Massenbearbeitungen verschiedene Dateien

[gelöst] mit css animiertes objekt lokalisieren

Viewport

Transparente Zone über Bild legen

[gelöst] mit css animiertes objekt lokalisieren