getElementbyID funktioniert nicht

[rufux]

Hallo liebe Gemeinde, ich habe ein Problem.
Ich lese schon eine weile mit aber kam noch nicht dazu etwas zu schreiben.

Dann war jetzt der richtige Zeitpunkt dazu ;)

Also erstmal kurz zur Erklärung.
Ich erzeuge mit Hilfe von php eine Art Kalender, hierbe werde aus einer Datenbank Start und Enddaten von Terminen ermittelt. Das funktioniert auch soweit.

Im anschluß gebe ich diese wie folgt aus:

$text = "<td><div class='modalInput2' id='gurke' name='$j$i' rel='#month_modal'>Text</div></td>";
                    echo $text;

Nun soll sich auf click auf solch einen Text ein Modalfesnter öffnen, was auch so weit funktioniert.

Jetzt zu meinem Problem.
Ich möchte, dass die FeldID ausgegeben wird. Leider funktioniert das nicht. ICh weiß leider nicht warum, evtl habt Ihr eine Idee. Folgend das Javascript mit dem Aufruf

<script>

    $(window).load(function() {
        $(".modalInput2").click(function() {
            var return_string;
            return_string =  document.getElementsById("gurke").getAttribute("name"));;
            alert(return_string);
        });
    });
           
</script>

Das Modalfenster öffnet. Aber das Alert wird nicht ausgegeben.
Ein willkürlicher String wird jedoch im alert ausgegeben. z.B. alert("test");


Vielen dank im vorraus

 

[Sentence]

Moin,
du nutzt doch jQuery, warum nimmst du dann noch document.getElementById?
Das heißt auch getElementById und nicht getElementsById

$(".modalInput2").click(function() {  
  var return_string = $(this).attr('name');
  alert(return_string);
});

Aber, name ist kein gültiges Attribut für ein DIV, genauso wenig wie rel.
Wenn du HTML5 einsetzen magst, dann nimm dafür data-name und data-rel

In jQuery kommst du dann so daran:

return_string = $(this).data('name');

MfG

 

[rufux]

Ich kann dir garnicht sagen wie dankbar ich dir bin...

Es geht...