Subbing Plugin

dummy

Hallo, ich habe mir ein kleines Plugin gebastelt, das den Fortschritt von gesubbten Untertiteln in einem Widget anzeigen soll.

Jetzt stelle ich fest, dass im IE6 die Optionen unter dem untersten Trennstrich nicht angezeigt werden. Ich weiß jetzt leider nicht, was genau der IE nicht am Script mag. Das Widgetfenster in meinem Theme lässt sich bewegen. Wenn man es bewegt, dann wird es etwas durchsichtig und man sieht, dass die Fehlenden Optionen irgendwie in den Hintergrund gekommen sind und deswegen nicht sichtbar sind. Das Widget könnt ihr im linken Sidebar sehen Anime - Subs & Cuts Entschuldigt bitte, dass der Quellcode so zusammengestaucht ist.. Ich bin noch ein ziemlicher Anfänger in html und php und hab es einfach nicht hinbekommen die \n einzubauen ohne eine Fehlermeldung zu verursachen.

Könntet ihr mir bitte helfen mein Plugin etwas IE - freundlicher zu machen?

Hier ist die Funktion mit dem Inhalt, der im Widget ausgegeben werden soll:

PHP

function widget_video_buildEmbed($subID, $minLines, $maxLines, $animeName, $animeLinkID, $progress)
{
    $rechnung = round(100/$maxLines*$minLines,2);
    $rechnung2 = round(1.88*$rechnung-(1.88*$rechnung/100*2),2);


    $object = '<object>';
    $object .= '<a href="?p='.$animeLinkID.'">'.$animeName.'</a>';
    $object .= '<hr size="1" />';
    $object .= '<div style="font-size: 14px;  color: black; width: 188px;"><strong>'.$subID.'</strong></div>';
    $object .= '<div style="border: 1px dotted red; width: 188px; height: 14px;">';
    $object .= '<div style="margin: 2px; width: '.$rechnung2.'px; height: 10px; background-color: darkred;"></div></div>';
    $object .= '<div style="font-size: 10px; color: red; width: 188px;">'.$minLines.' of '.$maxLines.' lines ('.$rechnung.'%)</div>';
    $object .= '<hr size="1" />';
    if($progress == 1){        
        $object .= '<div style="font-size: 10px; width: 100px; float:left;">';
        $object .= '<div style="color: black; ">preparing lines:</div>';
        $object .= '<div style="color: black; ">translation:</div>';
        $object .= '<div style="color: black; ">quality check:</div>';
        $object .= '</div>';
        
        $object .= '<div style="font-size: 10px; width: 88px; float:left;">';
        $object .= '<div style="color: red; ">in progress</div>';
        $object .= '<div style="color: red; ">in progress</div>';
        $object .= '<div style="color: red; ">in progress</div>';
        $object .= '</div>';
    }
    
    else if($progress == 2){        
        $object .= '<div style="font-size: 10px; width: 88px; float:left;">';
        $object .= '<div style="color: black; ">preparing lines:</div>';
        $object .= '<div style="color: black; ">translation:</div>';
        $object .= '<div style="color: black; ">quality check:</div>';
        $object .= '</div>';


        $object .= '<div style="font-size: 10px; width: 100px; float:left;">';
        $object .= '<div style="color: green; ">done</div>';
        $object .= '<div style="color: red; ">in progress</div>';
        $object .= '<div style="color: red; ">in progress</div>';
        $object .= '</div>';
    }


    else if($progress == 3){        
        $object .= '<div style="font-size: 10px; width: 88px; float:left;">';
        $object .= '<div style="color: black; ">preparing lines:</div>';
        $object .= '<div style="color: black; ">translation:</div>';
        $object .= '<div style="color: black; ">quality check:</div>';
        $object .= '</div>';


        $object .= '<div style="font-size: 10px; width: 100px; float:left;">';
        $object .= '<div style="color: green; ">done</div>';
        $object .= '<div style="color: green; ">done</div>';
        $object .= '<div style="color: red; ">in progress</div>';
        $object .= '</div>';    
    }
    
    else {        
        $object .= '<div style="font-size: 10px; width: 88px; float:left;">';
        $object .= '<div style="color: black; ">preparing lines:</div>';
        $object .= '<div style="color: black; ">translation:</div>';
        $object .= '<div style="color: black; ">quality check:</div>';
        $object .= '</div>';


        $object .= '<div style="font-size: 10px; width: 100px; float:left;">';
        $object .= '<div style="color: green; ">done</div>';
        $object .= '<div style="color: green; ">done</div>';
        $object .= '<div style="color: green; ">done</div>';
        $object .= '</div>';
    }
    $object .= '<div/>';
    $object .= '</object>';
    
    return $object;
}

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

dummy

Ich habe es jetzt mit ner Tabelle gemacht (Bitte nicht steinigen ^^). Ich denke es lag an den floats. Bitte sagt bescheid, wenn es in anderen Explorern fehlerhaft angezeigt wird.

Wenn jemand das Plugin gebrauchen kann, hier kann man es runterladen.

Arno Simon

Nichts für ungut, aber Dein CodeStyle ist etwas, nunja...., geschwätzig ums mit verlaub zu sagen... Je mehr Code zu laden und zu verarbeiten ist, desto schlechter die Performance. Man sollte sich also angewöhnen, so wenig Code wie möglich und so viel Code wie notwendig zu verwenden. Hier mal eine etwas bereinigte Version:

PHP

function widget_video_buildEmbed($subID, $minLines, $maxLines, $animeName, $animeLinkID, $progress)
{
    $rechnung = round(100/$maxLines*$minLines,2);
    $rechnung2 = round(1.88*$rechnung-(1.88*$rechnung/100*2),2);


    $object = 
      '<object>'
    . '  <a href="?p='.$animeLinkID.'">'.$animeName.'</a>'
    . '  <hr size="1" />'
    . '  <div style="font-size: 14px;  color: black; width: 188px;">'
    . '     <strong>'.$subID.'</strong>'
    . '  </div>';
    . '  <div style="border: 1px dotted red; width: 188px; height: 14px;">'
    . '    <div style="margin: 2px; width: '.$rechnung2.'px; height: 10px; background-color: darkred;"></div>'
    . '  </div>'
    . '  <div style="font-size: 10px; color: red; width: 188px;">'.$minLines.' of '.$maxLines.' lines ('.$rechnung.'%)</div>'
    . '  <hr size="1" />'
    . '  <div style="font-size: 10px; width: 100px; float:left;">'
    . '    <div style="color: black; ">preparing lines:</div>'
    . '    <div style="color: black; ">translation:</div>'
    . '    <div style="color: black; ">quality check:</div>'
    . '  </div>';
    if($progress == 1){        
        $object .= 
          '  <div style="font-size: 10px; width: 88px; float:left;">'
        . '    <div style="color: red; ">in progress</div>'
        . '    <div style="color: red; ">in progress</div>'
        . '    <div style="color: red; ">in progress</div>'
        . '  </div>';
    }
    
    else if($progress == 2){        
        $object .= 
          '  <div style="font-size: 10px; width: 100px; float:left;">'
        . '    <div style="color: green; ">done</div>'
        . '    <div style="color: red; ">in progress</div>'
        . '    <div style="color: red; ">in progress</div>'
        . '  </div>';
    }


    else if($progress == 3){        
        $object .= 
          '  <div style="font-size: 10px; width: 100px; float:left;">'
        . '    <div style="color: green; ">done</div>'
        . '    <div style="color: green; ">done</div>'
        . '    <div style="color: red; ">in progress</div>'
        . '  </div>';
    }    


    else {        
        $object .= 
           '  <div style="font-size: 10px; width: 100px; float:left;">'
         . '    <div style="color: green; ">done</div>'
         . '    <div style="color: green; ">done</div>'
         . '    <div style="color: green; ">done</div>'
         . '  </div>';
    }
    $object .= '</object>';
    
    return $object;
}

Alles anzeigen

und wenn man sich dann auch noch angewöhnt die Schachtelungsebenen des HTML-Codes auch im PHP-Code abzubilden, sieht man meist genau woran der ausgegebene HTML-Code krankt....

vG

Arno

PS ich habe mir angewöhnt, alles was als eine Einheit anzusehen ist, mit einem DIV das alles umspannt abzugeben. Ist vor allen dingen dann nützlich, wenn man selbiges später durch separate Auszeichnungen nochmals hervorheben möchte.

Putzlowitsch

Noch etwas eleganter lassen sich so lange Texte mit der sogenannten Heredoc-Syntax darstellen:
PHP: Strings - Manual

Gruß
Ingo

Arno Simon

Zitat von Putzlowitsch

Noch etwas eleganter lassen sich so lange Texte mit der sogenannten Heredoc-Syntax darstellen:
PHP: Strings - Manual

Thx... die Möglichkeit kannte ich auch noch nicht.... vereinfacht das schreiben einiger sachen ungemein. besten dank nochmal.

vG

Arno

dummy

Danke, ich werde es für die nächste Version anwenden.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Subbing Plugin

Maximilian Rupp 13. Mai 2026 um 02:00

Jetzt mitmachen!