@section('content') <div class="span12"> <div class="widget"> <div class="widget-content" id="game-content"> <div class="resource-left"> @foreach ($items as $key => $item) @if( $item->id == $item->builded ) <!-- Here I give $kexy to onClick and JS, this is working --> <a data-key="{{$key}}" href="#" onclick="buildingtable(this.getAttribute('data-key'));"> <div id="first-resource-left"> {{ $item->title }} Gebaut </div> </a> @else <a href="#" onclick="buildingview();"> <div id="first-resource-left"> {{ $item->title }} Frei </div> </a> @endif @endforeach </div> </div> </div> </div><!-- Hero unit --> <div class="building-table" id="building-table" style="visibility: hidden;"> <div class="span12"> <div class="widget"> <div class="widget-content" id="game-content"> <a href="#" onclick="closetable();" style="float:right; margin-right: 50px;"><span class="icon-close"></span></a><br/> <div class="content"> <div id="building-image"></div> <div id="building-table-content"> <!-- Need to have given $key value here --> <h3><span id="key-ausgabe"></span>{{ $items[$key]['title'] }}</h3> <p>{{ $item->text }}</p> </div> </div> </div> </div> </div><!-- Hero unit --> </div> // JS: function buildingtable(data_key){ document.getElementById("building-table").style.visibility = "visible"; var key = data_key; alert("data-key:"+data_key); alert(key); document.getElementById("key-ausgabe").innerHTML = key; }