Ergebnis 1 bis 8 von 8
-
20-06-2017, 12:18 #1
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 22:06 Uhr) Grund: gelöst gesetzt
-
20-06-2017, 15:29 #2
AW: Teil aus einem Link entfernen
-
20-06-2017, 16:36 #3
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 nichtLeider 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>
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 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 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 16:41 Uhr)
-
20-06-2017, 18:05 #4
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...
-
24-06-2017, 12:21 #5
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.
-
25-06-2017, 15:06 #6
AW: Teil aus einem Link entfernen
-
25-06-2017, 17:56 #7
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
-
25-06-2017, 22:06 #8
AW: Teil aus einem Link entfernen
* Beitrag #3 freigeschaltet und gelöst gesetzt *
Das deutsche Javascript Forum http://forum.jswelt.de
Ähnliche Themen
-
Link erstellen (Formulardaten+statischer Teil)
Von monoblock im Forum JavaScriptAntworten: 0Letzter Beitrag: 03-07-2008, 13:31 -
Link auslesen Teil 2
Von Hawk63 im Forum JavaScriptAntworten: 4Letzter Beitrag: 13-11-2005, 20:49 -
text als variable- und ein teil davon soll link sein!?
Von def den im Forum JavaScriptAntworten: 3Letzter Beitrag: 04-08-2005, 14:38 -
Teil eines Links mit einem Select Menü ändern
Von GWC im Forum JavaScriptAntworten: 2Letzter Beitrag: 29-09-2003, 13:59 -
Drucken von einem bestimmten Teil der Seite
Von Togo im Forum JavaScriptAntworten: 0Letzter Beitrag: 15-01-2002, 15:59
Lesezeichen