Ergebnis 1 bis 8 von 8
  1. #1
    akuenzel ist offline Grünschnabel
    registriert
    20-06-2017
    Beiträge
    5

    Teil aus einem Link entfernen

    Hallo, ich bin neu hier und habe leider nicht viel Ahnung von JavaScript, benötige aber für ein kleines Problem eine Lösung.

    Ich nutze auf einer Seite den WordPress Audioplayer. Dieser bindet das Albumcover ein. Da aber für meine restlichen Beiträge das Beitragsbild nicht quadratisch zugeschnitten wird, der Player aber genau diesen Zuschnitt verwendet sieht das ziemlich doof aus. Ich habe jetzt herausgefunden, dass WordPress eine Bild-URL von folgendem Schema für den Player verwendet:

    <img alt="" src="http://aktest.esy.es/pg-mod/wp-content/uploads/2017/06/Osternacht-2017-18-Heilig-Herr-Gott-Zebaoth-mp3-image-632x300.jpg">

    Nun zu meinem Anliegen. Ich bräuchte ein kleines Skript dass automatisch immer das "-632x300" aus dem Link entfernt. Und zwar nur dann, wenn im Dateinamen auch "mp3" vorkommt.
    Kann mir hierbei jemand helfen?

    Vielen Dank euch schon mal im voraus!
    Geändert von mikdoe (25-06-2017 um 23:06 Uhr) Grund: gelöst gesetzt

  2. #2
    Avatar von Dormilich
    Dormilich ist offline Kaiser
    registriert
    15-01-2010
    Beiträge
    1.294

    AW: Teil aus einem Link entfernen


  3. #3
    akuenzel ist offline Grünschnabel
    registriert
    20-06-2017
    Beiträge
    5

    AW: Teil aus einem Link entfernen

    Erstmal vielen Dank für die Antwort. Doch leider hilft mir die Seite irgendwie nicht viel weiter. Wie kann ich denn überhaupt den Link ersteinmal in eine Variable einlesen?

    - - - Aktualisiert - - -

    Habe jetzt mal folgenden Ansatz versucht, aber das klappt so offensichtlich nicht Leider habe ich einfach garkeine Erfahrung mit JavaScript.

    Code:
    <script type="text/javascript">
        function ersetzen() {
            var alt = document.getElementsByClassName('wp-playlist-script').innerHTML();
            var neu = alt.replace("mp3-image-632-300.jpg", "mp3-image.jpg").innerHTML();
        }
    </script>
    Das hier ist der Ausschnitt der mir angezeigt wird wenn ich in Firefox den Quellcode anzeigen lasse. Die entsprechende Stelle kommt hier zweimal vor.

    HTML-Code:
    <h1>Hörprobe</h1>
    <!--[if lt IE 9]><script>document.createElement('audio');</script><![endif]-->
    <div class="wp-playlist wp-audio-playlist wp-playlist-light">
    		<div class="wp-playlist-current-item"></div>
    		<audio controls="controls" preload="none" width="640"></audio>
    	<div class="wp-playlist-next"></div>
    	<div class="wp-playlist-prev"></div>
    	<noscript>
    	<ol><li><a href="http://aktest.esy.es/pg-mod/wp-content/uploads/2017/06/Osternacht-2017-18-Heilig-Herr-Gott-Zebaoth.mp3">Hei*lig Herr Gott&nbsp;Zebaoth</a></li><li><a href="http://aktest.esy.es/pg-mod/wp-content/uploads/2017/06/Osternacht-2017-07-Mitten-in-der-Nacht.mp3">Mit*ten in der&nbsp;Nacht</a></li></ol>
    	</noscript>
    	<script type="application/json" class="wp-playlist-script">{"type":"audio","tracklist":true,"tracknumbers":true,"images":true,"artists":true,"tracks":[{"src":"http:\/\/aktest.esy.es\/pg-mod\/wp-content\/uploads\/2017\/06\/Osternacht-2017-18-Heilig-Herr-Gott-Zebaoth.mp3","type":"audio\/mpeg","title":"Heilig Herr Gott Zebaoth","caption":"","description":"\"Osternacht 2017 - 18 Heilig Herr Gott Zebaoth\" aus Modern Tunes Jugendosternacht 2017 von Modern Tunes. Ver\u00f6ffentlicht: 2017. Genre: NGL.","meta":{"artist":"Modern Tunes","album":"Jugendosternacht 2017","genre":"NGL","year":"2017","length_formatted":"2:41"},"image":{"src":"http:\/\/aktest.esy.es\/pg-mod\/wp-content\/uploads\/2017\/06\/Osternacht-2017-18-Heilig-Herr-Gott-Zebaoth-mp3-image.jpg","width":632,"height":632},"thumb":{"src":"http:\/\/aktest.esy.es\/pg-mod\/wp-content\/uploads\/2017\/06\/Osternacht-2017-18-Heilig-Herr-Gott-Zebaoth-mp3-image-632x300.jpg","width":632,"height":300}},{"src":"http:\/\/aktest.esy.es\/pg-mod\/wp-content\/uploads\/2017\/06\/Osternacht-2017-07-Mitten-in-der-Nacht.mp3","type":"audio\/mpeg","title":"Mitten in der Nacht","caption":"","description":"\"Osternacht 2017 - 07 Mitten in der Nacht\" aus Modern Tunes Jugendosternacht 2017 von Modern Tunes. Ver\u00f6ffentlicht: 2017. Genre: NGL.","meta":{"artist":"Modern Tunes","album":"Jugendosternacht 2017","genre":"NGL","year":"2017","length_formatted":"2:55"},"image":{"src":"http:\/\/aktest.esy.es\/pg-mod\/wp-content\/uploads\/2017\/06\/Osternacht-2017-18-Heilig-Herr-Gott-Zebaoth-mp3-image.jpg","width":632,"height":632},"thumb":{"src":"http:\/\/aktest.esy.es\/pg-mod\/wp-content\/uploads\/2017\/06\/Osternacht-2017-18-Heilig-Herr-Gott-Zebaoth-mp3-image-632x300.jpg","width":632,"height":300}}]}</script>
    </div>
    Geändert von akuenzel (20-06-2017 um 17:41 Uhr)

  4. #4
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.685

    AW: Teil aus einem Link entfernen

    1. Wo rufst du denn die Funktion ersetzen() auf?
    2. es gibt keine Funktion innerHTML() - das ist eine Eigenschaft auf DOM-Nodes.
    3. document.getElementssByClassName liefert eine HTMLCollection und nicht ein einzelnes Objekt. Da musst du durchiterieren
    4. Indem du der Variablen neu irgendwas zuweist, passiert im DOM noch gar nichts...
    5. Ich würde auch da nicht hart das innerHTML ersetzen, sondern das .src-Attribut der <img>-Node.
    6. Nein - eigentlich würde ich das WP-Plugin so verändern, dass da die richtigen Daten beim Browser landen...

  5. #5
    akuenzel ist offline Grünschnabel
    registriert
    20-06-2017
    Beiträge
    5

    AW: Teil aus einem Link entfernen

    ok, ich lese aus deiner Antwort heraus, dass das schwieriger wird als ich es mir vorgestellt hatte. Das mit dem Plugin Verändern scheitert daran, dass es kein Plugin ist sondern eine Standardfunktion von WordPress ist und ich die Datei in der der entsprechende Code steht nicht finde.

  6. #6
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.685

    AW: Teil aus einem Link entfernen

    Zitat Zitat von akuenzel Beitrag anzeigen
    das schwieriger wird als ich es mir vorgestellt hatte.
    Naja - schwierig ist relativ. Aber wenn du das mit JS machst, ist das hier Flickwerk.
    Mit was hast du denn genau Schwierigkeiten?

    Zitat Zitat von akuenzel Beitrag anzeigen
    ich die Datei in der der entsprechende Code steht nicht finde.
    Such' doch einfach mal nach wp-playlist-script.

  7. #7
    akuenzel ist offline Grünschnabel
    registriert
    20-06-2017
    Beiträge
    5

    AW: Teil aus einem Link entfernen

    Ich habe das Problem mittlerweile hiermit gelöst.

    https://wordpress.stackexchange.com/...humbnail-sizes

    Das ist zwar kein JavaScript, aber es tut was es soll

  8. #8
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.643

    AW: Teil aus einem Link entfernen

    * Beitrag #3 freigeschaltet und gelöst gesetzt *
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

Ähnliche Themen

  1. Link erstellen (Formulardaten+statischer Teil)
    Von monoblock im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 03-07-2008, 14:31
  2. Link auslesen Teil 2
    Von Hawk63 im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 13-11-2005, 21:49
  3. Antworten: 3
    Letzter Beitrag: 04-08-2005, 15:38
  4. Antworten: 2
    Letzter Beitrag: 29-09-2003, 14:59
  5. Drucken von einem bestimmten Teil der Seite
    Von Togo im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 15-01-2002, 16:59

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •