JezK
Edit File: post_news.php
<?php include('admin_functions.php'); if($_SESSION['username']=='') { echo "<script>location.replace('index.php');</script>" ; } ?> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script type="text/javascript" src="https://www.google.com/jsapi"> </script> <script type="text/javascript"> // Load the Google Transliterate API google.load("elements", "1", { packages: "transliteration" }); function onLoad() { var options = { sourceLanguage: google.elements.transliteration.LanguageCode.ENGLISH, destinationLanguage: [google.elements.transliteration.LanguageCode.TELUGU], shortcutKey: 'ctrl+g', transliterationEnabled: true }; // Create an instance on TransliterationControl with the required // options. var control = new google.elements.transliteration.TransliterationControl(options); //new google.elements.transliteration.TransliterationControl(options); // Enable transliteration in the textbox with id // 'transliterateTextarea'. control.makeTransliteratable(['newstitletelugu']); control.makeTransliteratable(['descriptiontelugu']); } google.setOnLoadCallback(onLoad); </script> <?php $admin=new adm_functions(); $categoriesdata = $admin->get_category(); $statesdata = $admin->get_states(); foreach($statesdata as $key=>$val){ $optionstates .= '<option value="'.$val['stateid'].'">'.$val['statename'].'</option>'; } $optionadataeng = ''; $optionadatatelugu = ''; foreach($categoriesdata as $key=>$val){ $optionadataeng .= '<option value="'.$val['id'].'">'.$val['name_en'].'</option>'; $optionadatatelugu .= '<option value="'.$val['id'].'">'.$val['name_te'].'</option>'; } if($_POST['submitbtn'] == "Submit"){ $insert = $admin->insert_news($_POST,$_FILES); if($insert){ echo "<script>alert('News added successfully');</script>" ; echo "<script>location.replace('news_management.php');</script>" ; } } $currentPage='news_management'; include"header.php"; ?> <div class="main-panel"> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar bar1"></span> <span class="icon-bar bar2"></span> <span class="icon-bar bar3"></span> </button> <a class="navbar-brand" href="#">Post News</a> </div> </div> <div class="collapse navbar-collapse"> </div> </nav> <div class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <div class="text-right paddingBtm"><a href="news_management.php"><button class="btn btn-info btn-fill">Back</button></a></div> <form enctype="multipart/form-data" method="POST"> <div class="col-md-6 col-lg-6"> <div class="row form-group"> <div class="col-md-6"> <select onchange="languageoptions(this.value)" name="language" id="language" class="form-control" > <option value="en"> English </option> <option value="te" selected="selected"> Telugu </option> </select> </div> </div> <div class="row form-group" id="titleenglishblock"> <label for="title" class="col-md-6 label-control">Title:</label> <div class="col-md-6"> <input type="text" class="form-control" name="newstitle" id="newstitle" value=""> </div> </div> <div class="row form-group" id="newstitletelugublock" style="display:none;"> <label for="title" class="col-md-6 label-control">Title:</label> <div class="col-md-6"> <input type="text" class="form-control" name="newstitletelugu" id="newstitletelugu" value=""> </div> </div> <div class="row form-group"> <label for="category" class="col-md-6 label-control">Category:</label> <div class="col-md-6"> <select class="form-control" id="category" name="category"> <?php echo $optionadataeng;?> </select> </div> </div> <div class="row form-group"> <label for="category" class="col-md-6 label-control">State:</label> <div class="col-md-6"> <select class="form-control" id="state" name="state" onchange="districts_data(this.value)"> <option value="" >Select State</option> <?php echo $optionstates; ?> </select> </div> </div> <div class="row form-group"> <label for="category" class="col-md-6 label-control">District:</label> <div class="col-md-6"> <select class="form-control" id="district" name="district" onchange="mandals_data(this.value)"> </select> </div> </div> <div class="row form-group"> <label for="category" class="col-md-6 label-control">Mandal:</label> <div class="col-md-6"> <select class="form-control" id="mandal" name="mandal" onchange="city_data(this.value)"> </select> </div> </div> <div class="row form-group"> <label for="category" class="col-md-6 label-control">City:</label> <div class="col-md-6"> <select class="form-control" id="city" name="city" > </select> </div> </div> <div class="row form-group"> <label for="end_date" class="col-md-6 label-control">News End Date:</label> <div class="col-md-6"> <input type="text" class="form-control" name="end_date" id="datetimepicker_mask"> </div> </div> <div class="row form-group"> <label for="end_date" class="col-md-6 label-control">Image:(Using control and mouse click you can upload multiple images)</label> <div class="col-md-6"> <input type="file" class="form-control" name="media_array[]" id="media1" multiple="multiple" onchange="validateImage();"> </div> </div> <div class="row form-group"> <label for="end_date" class="col-md-6 label-control">Video:</label> <div class="col-md-6"> <input type="file" class="form-control" name="media" id="media" onchange="validateVideo();"> </div> </div> <div class="row form-group" id="titleenglishblock"> <label for="title" class="col-md-6 label-control">Youtube share Url:[Post url,Eg:https://www.youtube.com/watch?v=8h4FMWK8RrM]</label> <div class="col-md-6"> <input type="text" class="form-control" name="youtubeUrl" id="youtubeUrl" value=""> </div> </div> <div style="margin-left:165px;font-family: arial;font-size: 12px;font-weight:bold;color:blue;">You can add either Images or Video Or youtube Share url to display in the App.</div><br/> <div class="row form-group"> <label for="end_date" class="col-md-6 label-control">Audio:</label> <div class="col-md-6"> <input type="file" class="form-control" name="audiomedia" id="audiomedia" onchange="validateSound();"> </div> </div> </div> <div class="col-md-6 col-lg-6"> <div class="row form-group" id="newsdescriptiontelugu_block" style="display:none;"> <label for="description" class="col-md-12 label-control">Description:</label> <div class="col-md-12"> <textarea type="text" class="form-control" id="descriptiontelugu" rows="30" name="descriptiontelugu" ></textarea> </div> </div> <div class="row form-group" id="newsdescriptionenglish_block"> <label for="description" class="col-md-12 label-control">Description:</label> <div class="col-md-12"> <textarea type="text" class="form-control" id="descriptionenglish" rows="30" name="descriptionenglish" ></textarea> </div> </div> </div> <div style="clear:both;"></div> <div class="col-md-12 text-center"> <input type="submit" value="Submit" id="submitbtn" name="submitbtn" class="btn btn-primary" onclick="return validate_postform()"> <input type="reset" value="Cancel" class="btn btn-danger"> </div> </form> </div> </div> </div> </div> <?php include"footer.php" ?> <link rel="stylesheet" type="text/css" href="./jquery.datetimepicker.css"/> <style type="text/css"> .custom-date-style { background-color: red !important; } .input{ } .input-wide{ width: 500px; } .col-md-2 { /* width: 2.66666667%; */ width: 16.6666666%; } textarea.form-control { max-width: 100%; padding: 10px 18px; resize: none; /*height: 250px;*/ } </style> <script src="./jquery.js"></script> <script src="build/jquery.datetimepicker.full.js"></script> <script> /* window.onerror = function(errorMsg) { $('#console').html($('#console').html()+'<br>'+errorMsg) }*/ $('#datetimepicker_mask').datetimepicker({ mask:'9999/19/39 29:59', minDate: 0 }); function languageoptions(language){ if(language == "te"){ document.getElementById('newstitletelugublock').style.display = "block"; document.getElementById('titleenglishblock').style.display = "none"; document.getElementById('newsdescriptiontelugu_block').style.display = "block"; document.getElementById('newsdescriptionenglish_block').style.display = "none"; }else{ document.getElementById('newstitletelugublock').style.display = "none"; document.getElementById('titleenglishblock').style.display = "block"; document.getElementById('newsdescriptiontelugu_block').style.display = "none"; document.getElementById('newsdescriptionenglish_block').style.display = "block"; } $.ajax({ url: "ajaxcalls.php", type:"POST", data:"mode="+"getnews"+"&language="+language, success: function(result) { $("#category").html(result); //section_option += '<option value="'+result2[i].section_id+'">'+result2[i].section_name+'</option>'; } }); } function districts_data(stateid){ $.ajax({ url: "ajaxcalls.php", type:"POST", data:"mode="+"getdistricts"+"&state="+stateid, success: function(result) { $("#district").html(result); //section_option += '<option value="'+result2[i].section_id+'">'+result2[i].section_name+'</option>'; } }); } function mandals_data(districtid){ $.ajax({ url: "ajaxcalls.php", type:"POST", data:"mode="+"getmandals"+"&district="+districtid, success: function(result) { $("#mandal").html(result); //section_option += '<option value="'+result2[i].section_id+'">'+result2[i].section_name+'</option>'; } }); } function city_data(mandalid){ $.ajax({ url: "ajaxcalls.php", type:"POST", data:"mode="+"getcity"+"&mandalid="+mandalid, success: function(result) { $("#city").html(result); //section_option += '<option value="'+result2[i].section_id+'">'+result2[i].section_name+'</option>'; } }); } function validate_postform(){ var language = document.getElementById('language').value; var state = document.getElementById('state').value; var district = document.getElementById('district').value; var mandal = document.getElementById('mandal').value; var city = document.getElementById('city').value; var enddate = document.getElementById('datetimepicker_mask').value; var media = document.getElementById('media'); var mediaval=document.getElementById('media'); //var mediaval = $(input).val().toLowerCase(); var audiomedia = document.getElementById('audiomedia'); var audiomediaval=document.getElementById('audiomedia'); //var mediaval = $(input).val().toLowerCase(); if(language == "en"){ var newstitle = document.getElementById('newstitle').value; var description = document.getElementById('descriptionenglish').value; }else{ var newstitle = document.getElementById('newstitletelugu').value; var description = document.getElementById('descriptiontelugu').value; } if(language == '' || language.trim() == '') { alert('Please enter the language'); return false; } if(newstitle == '' || newstitle.trim() == ''){ alert('Please enter the news Title'); return false; } if(description == '' || description.trim() == ''){ alert('Please enter the news Description'); return false; } if(state == '' || state.trim() == ''){ alert('Please enter the state'); return false; } if(district == '' || district.trim() == ''){ alert('Please enter the district'); return false; } if(mandal == '' || mandal.trim() == ''){ alert('Please enter the mandal'); return false; } if(city == '' || city.trim() == ''){ alert('Please enter the city'); return false; } if(enddate == '' || enddate.trim() == ''){ alert('Please enter the enddate'); return false; } if(mediaval == ''){ alert('Please enter the Media File'); return false; } if(audiomediaval == ''){ alert('Please enter the audio File'); return false; } } function validateImage() { for (var i = 0; i < $("#media1").get(0).files.length; ++i) { var file1=$("#media1").get(0).files[i].name; if(file1) { var t = file1.split('.').pop().toLowerCase(); if (t != "jpeg" && t != "jpg" && t != "png" && t != "bmp" && t != "gif") { alert('Please upload image like jpeg,jpg,gif,png and bmp'); $("#media1").val(''); return false; } } if (file1.size > 1024000) { alert('Max Upload size is 1MB only'); $("#media1").val(''); return false; } } } function validateSound() { var file1=$("#audiomedia").get(0).files.name; if(file1) { var t = file1.split('.').pop().toLowerCase(); if ( t != "mp3" && t != "m4a") { alert('Please upload Audio like m4a,mp3'); $("#audiomedia").val(''); return false; } } if (file1.size > 1024000) { alert('Max Upload size is 1MB only'); $("#audiomedia").val(''); return false; } } function validateVideo() { var file1=$("#media").get(0).files.name; if(file1) { var t = file1.split('.').pop().toLowerCase(); if ( t != "mp4" && t != "m4v" && t != "f4v" && t != "f4a" && t != "m4b" && t != "m4r" && t != "f4b" && t != "mov") { alert('Please upload Video like mp4, m4v, f4v, f4a, m4b, m4r, f4b, mov'); $("#media").val(''); return false; } } if (file1.size > 1024000) { alert('Max Upload size is 1MB only'); $("#media").val(''); return false; } } $(document).ready(function() { languageoptions("te"); }); </script>