PDA

View Full Version : Resolved new div using javascript...but adding via another page



jonnyfreak
07-30-2013, 11:01 AM
I currently have a select jump list (using jquery) that shows locations e.g spain,uk,italy when one of the locations is selected a div is shown with shops in the chosen location


<script type="text/javascript" src="jquery.js"></script>

<script language="JavaScript1.2" type="text/javascript">
$(document).ready(function(){
$('#box1').hide();
$('#box2').hide();
$('#box3').hide();
$('#box4').hide();
$('#box5').hide();
$('#box6').hide();
$('#box7').hide();
$('#box8').hide();
$('#box9').hide();
$('#box10').hide();
$('#box11').hide();
$("#thechoices").change(function(){
$("#" + this.value).show().siblings().hide();
});

$("#thechoices").change();
});
</script>

the select list

<select id="thechoices">
<option value="box1">SELECT</option>
<option value="box2">Belgium</option>
<option value="box3">Finland</option>
<option value="box4">France</option>
<option value="box5">Greece</option>
<option value="box6">Italy</option>
<option value="box7">Japan</option>
<option value="box8">Netherlands</option>
<option value="box9">Spain</option>
<option value="box10">South Korea</option>
<option value="box11">Switzerland</option>
<option value="box12">UK</option>
<option value="box13">USA</option>
</select>

div


<div id="boxes">
<div id="box1">
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table></div></div>

but what i need to do is be able to add this via the admin area. to content can dynamically added and shown on this page. i can add the address to the locations no problem but need to be able to show the newly added locations or shops in these divs

does that make sense?

thanks in advance

jonnyfreak
07-30-2013, 12:12 PM
ignore this, i am doing it using php so will ask any questions in the php forum