Hoi hoi,
Ik wil het volgende:
Als ik op mijn link klik dat er een dialog opent (gebeurd ook) en dan de tekst komt te zien van de meegeven ID.
Enkel is de link via Java. Dus ik zou niet weten hoe ik dit moet oplossen.
De link:
PHP
<a class="open-note-dialog" href="javascript:void(<?php echo $file['id']; ?>);">Hoe ik het probeerde op te halen:
PHP
<?php
$query_notes = mysql_query("SELECT * FROM notes WHERE id = '".$_GET['javascript:void']."'");
$file = mysql_fetch_array($query_notes);
?>Volledig script:
PHP
<div class="details grid_12">
<h2>Notes</h2>
<a href="javascript:void(0);">New note<span class="icon icon-plus"></span></a>
<section>
<?php
$query_count = mysql_query("SELECT * FROM notes WHERE contactid = '".$list['id']."' AND userid = '".$user_info['id']."'");
if(mysql_num_rows($query_count) == 0) {
echo "<p><i>You dont have any notes for this contact.</i></p>";
} else {
?>
<ul class="logs">
<?php
$query_notes = mysql_query("SELECT * FROM notes WHERE contactid = '".$list['id']."' AND userid = '".$user_info['id']."'");
while($file = mysql_fetch_array($query_notes))
{
?>
<li>
<a class="open-note-dialog" href="javascript:void(<?php echo $file['id']; ?>);">
<strong><?php echo $file['title']; ?></strong>
<small><?php echo $file['date']; ?></small>
</a>
</li>
<?php
}
?>
</ul>
</section>
</div><!-- End of .details -->
<div class="clearfix"></div>
<div class="divider"></div>
<div class="grid_12">
<a href="javascript:void(0);" class="button red right">Delete Account</a>
</div>
<!-- Example note Dialog -->
<?php
$query_notes = mysql_query("SELECT * FROM notes WHERE id = '".$_GET['javascript:void']."'");
$file = mysql_fetch_array($query_notes);
?>
<div style="display: none;" id="note-dialog" title="<?php echo $file['title']; ?>">
<div class="row">
<strong>Date: <?php echo $file['date']; ?></strong><br><br>
<small><?php echo $file['note']; ?></small>
</div>
<div class="actions">
<div class="right">
<button class="red submit" onClick="window.location='?p=remove_note&id=<?php echo $file['id']; ?>'">Remove</button>
</div>
</div>
</div><!-- End of #note-dialog -->
<?php
}
}
?>
</div>
<script>
$$.ready(function() {
// Note Dialog
$( "#note-dialog" ).dialog({
autoOpen: false,
modal: true,
width: 400,
open: function(){ $(this).parent().css('overflow', 'visible'); $$.utils.forms.resize() }
}).find('button.submit').click(function(){
var $el = $(this).parents('.ui-dialog-content');
if ($el.validate().form()) {
$el.dialog('close');
}
}).end().find('button.cancel').click(function(){
var $el = $(this).parents('.ui-dialog-content');
$el.find('form')[0].reset();
$el.dialog('close');;
});
$( ".open-note-dialog" ).click(function() {
$( "#note-dialog" ).dialog( "open" );
return false;
});
});
</script>