ID einer Überschrift?

Allgemeine Fragen
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

ID einer Überschrift?

Ungelesener Beitrag von stobi_de »

Ist es nicht zulässig, einer Überschrift eine ID zu geben?

Code: Alles auswählen

<h2 class="mbr-section-subtitle mbr-fonts-style d-none d-md-block " data-app-selector=".mbr-section-subtitle" mbr-theme-style="display-1" mbr-if="showSubitle" id="idSchneider"><b>Schneider</b></h2>
Hier wird die ID von Mobi gelöscht
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: ID einer Überschrift?

Ungelesener Beitrag von Tommy Herrmann »

nicht das ich wüsste - man kann jedem Element eine ID geben - aber niemals 2 x die gleiche ID, dann wird Mobi die zweite eventuell rauswerfen.
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Re: ID einer Überschrift?

Ungelesener Beitrag von stobi_de »

Natürlich keine zweite....
Ich schau nochmal....
In Mobi

Code: Alles auswählen

 <div id = "idSchneider">
                <h2 id = "idSchneider2" class=" mbr-fonts-style mbr-section-subtitle d-none d-md-block " data-app-selector=".mbr-section-subtitle" mbr-theme-style="display-1" mbr-if="showSubitle"><b>Schneider</b></h2> 
                </div>
Generiert

Code: Alles auswählen

<div id="idSchneider">
                <h2 class="mbr-fonts-style mbr-section-subtitle d-none d-md-block display-1"><strong>Schneider</strong></h2> 
                </div>
Ich schreib eine Fehlermeldung
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: ID einer Überschrift?

Ungelesener Beitrag von Tommy Herrmann »

ja - aber Du schreibst die ID doch 2 Mal. "Schneider2" ist sicher für viele Compiler gleich mit "Schneider" - das würde ich nie tun. Schreibe doch "Paule"

Zum einen im DIV und dann im <h2> Tag - das ist falsch oder zumindest ziemlich überflüssig den (fast) gleichen ID-Namen zu nehmen.

Und den Namen einer ID mit "id" zu beginnen, finde ich auch sehr, sehr gewagt und vollkommen überflüssig.

... insofern vollkommen richtig von Mobirise.
Klaus
Supporter
Supporter
Beiträge: 439
Registriert: Mi 21. Jul 2021, 00:43

Re: ID einer Überschrift?

Ungelesener Beitrag von Klaus »

Ist doch
idSchneider
und
idSchneider2

Sollte ... bilde ich mir ein aber passen:
https://www.w3.org/TR/2011/WD-html5-201 ... -attribute

(HTML4 https://wiki.selfhtml.org/wiki/HTML/Attribute/id)

... wobei MR natürlich auch irgendwie an die HTML Elemente rankommen muss (id/class) ... ggf. werden die ids deswegen überschrieben/geändert.
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Re: ID einer Überschrift?

Ungelesener Beitrag von stobi_de »

Schneider und Paul.
Habe das doch erst so gemacht, nachdem ich das Löschen der ID im Text festgestellt habe

Code: Alles auswählen

<div id = "idSchneider">
                <h2 id = "idPaul" class=" mbr-fonts-style mbr-section-subtitle d-none d-md-block " data-app-selector=".mbr-section-subtitle" mbr-theme-style="display-1" mbr-if="showSubitle"><b>Schneider</b></h2> 
                </div>

Code: Alles auswählen

<div id="idSchneider">
                <h2 class="mbr-fonts-style mbr-section-subtitle d-none d-md-block display-1"><strong>Schneider</strong></h2> 
                </div>
Natürlich ist das umgebende Div überflüssig!
Aber wenn das H2 eine ID braucht, damit ich das Ding mit Javascript durch die Gegend schieben kann, dann muss halt ein Div drum, wo die ID nicht gelöscht wird.
Klaus
Supporter
Supporter
Beiträge: 439
Registriert: Mi 21. Jul 2021, 00:43

Re: ID einer Überschrift?

Ungelesener Beitrag von Klaus »

Kannst Du ggf. nur an das h2 eine extra Klasse hängen und damit selektieren?
https://www.w3schools.com/jsref/tryit.a ... yclassname
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Re: ID einer Überschrift?

Ungelesener Beitrag von stobi_de »

Das geht wahrscheinlich auch, aber die Sache mit dem Löschen der ID durch Mobi ist schon recht ärgerlich.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: ID einer Überschrift?

Ungelesener Beitrag von Tommy Herrmann »

Moin,

also ich habe das jetzt mal selbst getestet und es liegt eindeutig an dieser IF-Bedingung:

mbr-if="showSubtitle"

Sobald du das entfernst geht es - das hat mit der ID also gar nichts zu tun.

Offensichtlich steht diese Bedingung bei Dir doppelt im Quelltext und ist der Verursacher - schreibe beim nächsten Mal doch bitte auch dazu, dass das erst nach dem Publizieren passiert - konnte das deswegen erst ewig nicht nachvollziehen.

Wahrscheinlich hast Du diese Zeile einfach von weiter oben kopiert, ohne sie Dir genau anzugucken. In meinem Screenshot vom Quellcode (unten) wird dieses IF [WENN] bereits in Zeile 20 für den Subtitle angesprochen. Diese Bedingung darf dann offensichtlich kein zweites Mal angewendet werden.

Diese IF-Bedingung wird durch die Eingabefelder (input) in Zeile 10 mittels Checkbox in den Werkzeugen gesetzt.

Ob man dann die Class für den Subtitle da dennoch mit rein schreibt ist auch etwas fragwürdig bzw. unlogisch:

data-app-selector=".mbr-section-subtitle"

So geht es also, auch nach dem Publizieren (teste es selbst):

Code: Alles auswählen

<div id="idSchneider1">
    <h2 id="idSchneider2" class=" mbr-fonts-style mbr-section-subtitle d-none d-md-block " data-app-selector=".mbr-section-subtitle" mbr-theme-style="display-1" ><b>Schneider</b></h2> 
</div>

ID - CODE gleich Schneider und Schneider2.jpg

ID gleich Schneider und Schneider2.jpg
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Re: ID einer Überschrift?

Ungelesener Beitrag von stobi_de »

So, langsam zum Mitdenken:
ein mbr-if soll die ID beeinflussen?
Eindeutig: NEIN !

Wir reden aber gerade aneinander vorbei: es geht nicht um die Darstellung des Textes, es geht darum, dass eine von mir in Mobi vergebene ID eines Textes bei der Codegenerierung durch Mobi gelöscht wird.
Die Funktionsweise von mbr-if habe ich schon durchschaut ;)

Beachte in Folgendem die idTestseite
Ich habe einen simplen Textblock ganz ohne IF eingebaut (ganz unten im Projekt)

Code in Mobi

Code: Alles auswählen

<div mbr-class="{'container': !fullWidth, 'container-fluid': fullWidth}">
        <div class="row">
            <div class="col-12">
                <div class="text-wrapper" id="idWrapperTestseite">
                    <h3 id="idTestseite" class="mbr-text mbr-fonts-style" mbr-theme-style="display-5" data-app-selector=".mbr-text">
                        Diese Seite ist eine Testseite!</h3>
                </div>
            </div>
        </div>
    </div>
Und hier generierter Code

Code: Alles auswählen

<div class="container">
        <div class="row">
            <div class="col-12">
                <div class="text-wrapper" id="idWrapperTestseite">
                    <h3 class="mbr-text mbr-fonts-style display-5">
                        Diese Seite ist eine Testseite!</h3>
                </div>
            </div>
        </div>
    </div>
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: ID einer Überschrift?

Ungelesener Beitrag von Tommy Herrmann »

Man müsste mal den gesamten Block online sehen.

Ich kann das, was ich oben geschrieben habe (mit dem IF) jederzeit nachbauen - daher schrieb ich auch eindeutig. Das gesamte h2 Tag wird dann entfernt egal ob mit oder ohne ID

Hast Du diesen Code mnal bei Dir einen einen Textblock kopiert? Das geht so bei mir:

Code: Alles auswählen

<div id="idSchneider1">
    <h2 id="idSchneider2" class=" mbr-fonts-style mbr-section-subtitle d-none d-md-block " data-app-selector=".mbr-section-subtitle" mbr-theme-style="display-1" ><b>Schneider</b></h2> 
</div>
Vielleicht hast Du jatzt wieder was anderes doppelt - so nur vom gucken kann ich das auch nicht erkennen.

Ich gucke mir den jetzt von Dir geposteten Code gleich auch mal an.

Ich glaube nicht, dass das etwas mit der ID zu tun haben könnte.
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Re: ID einer Überschrift?

Ungelesener Beitrag von stobi_de »

Ich mach mal ein komplettes Projektchen....Sekunde
So, neues leeres Projekt auf Basis Mobirise5 Theme

Ich bin ja immer noch der Meinung, dass wir von Äpfeln und Birnen reden.
Also ich rede von den Ids, die ich in javascript benutzen will
id="idRow"
id="idCol"
id="idH3"
id="idH4"

idH3 und idH4 werden gelöscht

Es steht in Mobi

Code: Alles auswählen

<div mbr-class="{'container': !fullWidth, 'container-fluid': fullWidth}">
        <div class="row justify-content-center" id="idRow">
            <div class="col-md-12 col-lg-{{textWidth}}" id="idCol">
                <h3 id="idH3" class="mbr-section-title mbr-fonts-style mb-4" mbr-if="showTitle" data-app-selector=".mbr-section-title" mbr-theme-style="display-2">
                    <b>Article Title</b>
                </h3>
                <h4 id="idH4" class="mbr-section-subtitle mbr-fonts-style mb-4" mbr-if="showSubtitle" data-app-selector=".mbr-section-subtitle" mbr-theme-style="display-5">
                    Enter your subtitle here
                </h4>
                <p id="idP" class="mbr-text mbr-fonts-style" data-app-selector=".mbr-text" mbr-theme-style="display-7">
                    You can use content blocks to arrange your articles, large texts, instructions. Combine these blocks with media blocks to add illustrations and video tutorials. You can use various content blocks to work with your text. Add quotations, lists, buttons. Select your text to change its formatting or add links. Mobirise is a simple website builder that helps you create amazing web pages without knowing any code.</p>
            </div>
        </div>
    </div>
So wird es generiert, der Text ist da, ist sichtbar, die IDs fehlen!

Code: Alles auswählen

<div class="container">
        <div class="row justify-content-center" id="idRow">
            <div id="idCol" class="col-md-12 col-lg-10">
                
                <h4 class="mbr-section-subtitle mbr-fonts-style mb-4 display-5">
                    Enter your subtitle here
                </h4>
                <p class="mbr-text mbr-fonts-style display-7">
                    You can use content blocks to arrange your articles, large texts, instructions. Combine these blocks with media blocks to add illustrations and video tutorials. You can use various content blocks to work with your text. Add quotations, lists, buttons. Select your text to change its formatting or add links. Mobirise is a simple website builder that helps you create amazing web pages without knowing any code.</p>
            </div>
        </div>
    </div>
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: ID einer Überschrift?

Ungelesener Beitrag von Tommy Herrmann »

OK,

ich weiß jetzt auch nicht warum es vorhin ging - aber mein zweiter Test hat folgendes ergeben:

Code: Alles auswählen

                <div id="myDIV">
                    <p id="myP">Diese Seite ist eine Testseite!</p>
                </div> 


Egal an welchem Tag die zweite ID steht:

Second ID not valid.jpg

- sie wirkt zwar auf der Arbeitsseite:

Working Page.jpg

... wird aber beim Publizieren gelöscht

Code: Alles auswählen

                <div id="myDIV">
                    <p>Diese Seite ist eine Testseite!</p>
                </div>  

Ich ändere meinen Beitrag im Herasteller-Forum sofort:

https://forums.mobirise.com/discussion/ ... ent_107929

Du hast vollkommen Recht !!!
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Re: ID einer Überschrift?

Ungelesener Beitrag von stobi_de »

So, jetzt haben wir es.
IDs in einem Text-Element werden von Mobi gelöscht :D
Es ist nicht die ZWEITE ID, es geht nur um Text-Elemente
oben im Beispiel werden idRow und idCol erzeugt
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: ID einer Überschrift?

Ungelesener Beitrag von Tommy Herrmann »

ja genau - das geht zum Beispiel:

Code: Alles auswählen

<div id="myDIV">
    <div id="myP">Diese Seite ist eine Testseite!</div>
</div>
... und das geht nicht:

Code: Alles auswählen

<p id="myP">Diese Seite ist eine Testseite!</p>
Benutzeravatar
Andyneu
Moderator
Moderator
Beiträge: 67
Registriert: Mi 9. Dez 2020, 16:40
Wohnort: Hoope
Kontaktdaten:

Re: ID einer Überschrift?

Ungelesener Beitrag von Andyneu »

Also eine id in einem p-Tag wird gnadenlos gelöscht. Warum auch immer?

Aus MR

Code: Alles auswählen

<h3 class="mbr-section-title mbr-fonts-style mb-4" mbr-if="showTitle" data-app-selector=".mbr-section-title" mbr-theme-style="display-2">
                    <b>Article Title</b>
                </h3>
                <h4 class="mbr-section-subtitle mbr-fonts-style mb-4" mbr-if="showSubtitle" data-app-selector=".mbr-section-subtitle" mbr-theme-style="display-5">
                    Textblock mit vergebenen ID´s</h4>
                <div id="meineID1">
                <p id='meineID2' class="meineID2Klasse">
                    You can use content blocks to arrange your articles, large texts, instructions. Combine these blocks with media blocks to add illustrations and video tutorials. You can use various content blocks to work with your text.</p> 
                    <div id='meineID3' class="meinTextstyle"><p>Add quotations, lists, buttons. Select your text to change its formatting or add links. Mobirise is a simple website builder that helps you create amazing web pages without knowing any code.</p></div>
                </div>

Nach dem Generieren

Code: Alles auswählen

<h4 class="mbr-section-subtitle mbr-fonts-style mb-4 display-5">
                    Textblock mit vergebenen ID´s</h4>
                <div id="meineID1">
                <p class="meineID2Klasse">
                    You can use content blocks to arrange your articles, large texts, instructions. Combine these blocks with media blocks to add illustrations and video tutorials. You can use various content blocks to work with your text.</p> <div id="meineID3" class="meinTextstyle"><p>Add quotations, lists, buttons. Select your text to change its formatting or add links. Mobirise is a simple website builder that helps you create amazing web pages without knowing any code.</p></div>
                </div>
Die ID im p-Tag wird gelöscht.

Man könnte sich aber so helfen:
Du schließt das p-Tag in ein div ein und gibst dem div die entsprechende id und class.

Code: Alles auswählen

<h4 class="mbr-section-subtitle mbr-fonts-style mb-4" mbr-if="showSubtitle" data-app-selector=".mbr-section-subtitle" mbr-theme-style="display-5">
                    Textblock mit vergebenen ID´s</h4>
                <div id="meineID1"></div>
                <div id='meineID2' class="meineID2Klasse"><p>
                    You can use content blocks to arrange your articles, large texts, instructions. Combine these blocks with media blocks to add illustrations and video tutorials. You can use various content blocks to work with your text.</p> </div>
                    <div id='meineID3' class="meinTextstyle"><p>Add quotations, lists, buttons. Select your text to change its formatting or add links. Mobirise is a simple website builder that helps you create amazing web pages without knowing any code.</p></div>
Nach dem Generieren

Code: Alles auswählen

<h4 class="mbr-section-subtitle mbr-fonts-style mb-4 display-5">
                    Textblock mit vergebenen ID´s</h4>
                <div id="meineID1"></div>
                <div id="meineID2" class="meineID2Klasse"><p>
                    You can use content blocks to arrange your articles, large texts, instructions. Combine these blocks with media blocks to add illustrations and video tutorials. You can use various content blocks to work with your text.</p> </div>
                    <div id="meineID3" class="meinTextstyle"><p>Add quotations, lists, buttons. Select your text to change its formatting or add links. Mobirise is a simple website builder that helps you create amazing web pages without knowing any code.</p></div>
TestID.JPG
Gruß Andy
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Re: ID einer Überschrift?

Ungelesener Beitrag von stobi_de »

So schrieb ich ja schon ganz oben.
Es gibt ein paar Krücken, die man machen kann. Auch eine Klasse statt einer ID einsetzen, damit man das Ding in Javascript dann mit getElementByClassname rausfischen kann, aber richtig ist das natürlich nicht.
Wir hatten diese ID-Löschung schonmal vor ein paar Jahren.
Es ist ein verdammt ungutes Gefühl, dass mit einem Update der Software ein versteckter Fehler eine ganze Reihen an Websites zerschießen kann.
Tommy prüft zwar soweit immer, aber so Fehler sind ja nicht direkt offensichtlich.
Wir hatten ja auch mal zu Zeiten von 4.8.x den Fall, dass plötzlich alle PHPs auskommentiert wurden.

Die Qualitätssicherung von Mobi ist seit Jahren grausig
Antworten

Wer ist online?

Mitglieder in diesem Forum: Ahrefs [Bot] und 22 Gäste