49 lines
1.3 KiB
PHP
49 lines
1.3 KiB
PHP
<div class="r">
|
|
<div class="c -m6 -m_c">
|
|
<div class="row">
|
|
<div class="c -m12">
|
|
<h1 class="logo"><span>W</span><span>o</span><span>r</span><span>d</span><span>y</span><span>G</span><span>o</span></h1>
|
|
</div>
|
|
</div>
|
|
<?= form_open('ajax/dictionary/search', array('id' => 'frm-search')) ?>
|
|
<div class="r -c">
|
|
<div class="c -m2">
|
|
<select name="language">
|
|
<?php foreach($languages as $l): ?>
|
|
<option value="<?= $l['abbreviation'] ?>"><?= $l['name'] ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
<div class="c -m8">
|
|
<input type="text" name="word" placeholder="Search for..." />
|
|
</div>
|
|
<div class="c -m2">
|
|
<input type="submit" class="-s postfix" value="Search" />
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="results r">
|
|
<div class="c -m6 -m_c">
|
|
<div id="result">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
// NOTE: jQuery needs to be "reinserted" into the dom, otherwise the events wont be active when the firm is reinserted
|
|
var submitting = false;
|
|
$('form#frm-search').submit(function(ev){
|
|
ev.preventDefault();
|
|
if(!submitting) {
|
|
submitting = true;
|
|
var frm = $(this);
|
|
frm.addClass('disabled');
|
|
$.post($(this).attr('action'), $(this).serialize(), function(response){
|
|
$('#result').html(response);
|
|
submitting = false;
|
|
});
|
|
}
|
|
});
|
|
</script>
|