|
JavaScript - Javascript Limiting Output
I'm programming a function that breaks a massive string (2 million + characters) into "manageable" chunks of 500,000 characters. The function goes as follows:
Code: var json_string = "{'action':'message-send','recipients':recipients,'message':message";
var bytes_chunks = scripting.messages.voice.recorder.bytes.chunk(500000);
$.each(bytes_chunks,function(i,v){
json_string += ",'voice_bytes_"+i+"':'"+v+"'";
});
json_string += "}";
As you can see, everything should work fine, and the function should return a stringified json array (which would be parsed and sent to a server) but the string is truncated and function exited after the first interval. When I decrease the length of "v" using substr to 5 characters, all the expected children are returned. What could the problem be? Similar TutorialsDear Forum Members HI, I am no coder, however I am modifying my website and changing the slideshow to the one found on this website, most wonderful, the Cut & Paste JavaScript Slideshow( http://www.javascriptkit.com/script/.../jsslide.shtml ) I have it working now, and I have but one question, does the code include a way to limit the number of times that it cycles through the slides? So it just freezes on one photo after x number of cycles? many thanks, and happy holidays... I have a very basic calculator that I am trying to make that takes info from radio buttons (i.e. 1 for bad 5 for good) and outputs an average or score at the end, but its not working correctly. I have changed the last line to output what the total number is not the average, to see if it is outputting the correct number, and its not... It says "[object HTMLInputElement]"... Any thoughts will be greatly appreciated! Thanks! Code: function calcScore(){
var op1 = document.getElementsByName('form[q1]');
var op2 = document.getElementsByName('form[q2]');
var op3 = document.getElementsByName('form[q3]');
var op4 = document.getElementsByName('form[q4]');
var op5 = document.getElementsByName('form[q5]');
var op6 = document.getElementsByName('form[q6]');
var op7 = document.getElementsByName('form[q7]');
var op8 = document.getElementsByName('form[q8]');
var op9 = document.getElementsByName('form[q9]');
var op10 = document.getElementsByName('form[q10]');
var op11 = document.getElementsByName('form[q11]');
var op12 = document.getElementsByName('form[q12]');
var op13 = document.getElementsByName('form[q13]');
var op14 = document.getElementsByName('form[q14]');
var op15 = document.getElementsByName('form[q15]');
var op16 = document.getElementsByName('form[q16]');
var op17 = document.getElementsByName('form[q17]');
var op18 = document.getElementsByName('form[q18]');
var op19 = document.getElementsByName('form[q19]');
var op20 = document.getElementsByName('form[q20]');
var op21 = document.getElementsByName('form[q21]');
var op22 = document.getElementsByName('form[q22]');
var op23 = document.getElementsByName('form[q23]');
var op24 = document.getElementsByName('form[q24]');
var op25 = document.getElementsByName('form[q25]');
var op26 = document.getElementsByName('form[q26]');
var op27 = document.getElementsByName('form[q27]');
var op28 = document.getElementsByName('form[q28]');
var op29 = document.getElementsByName('form[q29]');
var op30 = document.getElementsByName('form[q30]');
var op31 = document.getElementsByName('form[q31]');
var totalscore = document.getElementById('score');
totalscore.value = 0;
totalscore.value = parseInt(totalscore.value);
var totalnum = document.getElementById('score1');
totalnum.value = 0;
totalnum.value = parseInt(totalnum.value);
for (var i=0; i < op1.length; i++)
{
if (op1[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op1[i].value);
}
}
for (var i=0; i < op2.length; i++)
{
if (op2[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op2[i].value);
}
}
for (var i=0; i < op3.length; i++)
{
if (op3[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op3[i].value);
}
}
for (var i=0; i < op4.length; i++)
{
if (op4[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op4[i].value);
}
}
for (var i=0; i < op5.length; i++)
{
if (op5[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op5[i].value);
}
}
for (var i=0; i < op6.length; i++)
{
if (op6[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op6[i].value);
}
}
for (var i=0; i < op7.length; i++)
{
if (op7[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op7[i].value);
}
}
for (var i=0; i < op8.length; i++)
{
if (op8[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op8[i].value);
}
}
for (var i=0; i < op9.length; i++)
{
if (op9[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op9[i].value);
}
}
for (var i=0; i < op10.length; i++)
{
if (op10[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op10[i].value);
}
}
for (var i=0; i < op11.length; i++)
{
if (op11[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op11[i].value);
}
}
for (var i=0; i < op12.length; i++)
{
if (op12[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op12[i].value);
}
}
for (var i=0; i < op13.length; i++)
{
if (op13[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op13[i].value);
}
}
for (var i=0; i < op14.length; i++)
{
if (op14[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op14[i].value);
}
}
for (var i=0; i < op15.length; i++)
{
if (op15[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op15[i].value);
}
}
for (var i=0; i < op16.length; i++)
{
if (op16[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op16[i].value);
}
}
for (var i=0; i < op17.length; i++)
{
if (op17[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op17[i].value);
}
}
for (var i=0; i < op18.length; i++)
{
if (op18[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op18[i].value);
}
}
for (var i=0; i < op19.length; i++)
{
if (op19[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op19[i].value);
}
}
for (var i=0; i < op20.length; i++)
{
if (op20[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op20[i].value);
}
}
for (var i=0; i < op21.length; i++)
{
if (op21[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op21[i].value);
}
}
for (var i=0; i < op22.length; i++)
{
if (op22[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op22[i].value);
}
}
for (var i=0; i < op23.length; i++)
{
if (op23[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op23[i].value);
}
}
for (var i=0; i < op24.length; i++)
{
if (op24[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op24[i].value);
}
}
for (var i=0; i < op25.length; i++)
{
if (op25[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op25[i].value);
}
}
for (var i=0; i < op26.length; i++)
{
if (op26[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op26[i].value);
}
}
for (var i=0; i < op27.length; i++)
{
if (op27[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op27[i].value);
}
}
for (var i=0; i < op28.length; i++)
{
if (op28[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op28[i].value);
}
}
for (var i=0; i < op29.length; i++)
{
if (op29[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op29[i].value);
}
}
for (var i=0; i < op30.length; i++)
{
if (op30[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op30[i].value);
}
}
for (var i=0; i < op31.length; i++)
{
if (op31[i].checked)
{
totalnum.value=parseInt(totalnum.value)+parseInt(op31[i].value);
}
}
totalscore.value = totalnum;
}
Hey Everyone, Thanks for reading my thread, I really hope I'm not asking a dumb question as I am teaching myself java but here goes. I'm a bit stuck and want my code to output a message when a form input does not contain a word (like lets say codingforums.com). I know it outputs my message when the field is left blank but here's what I have, any help will be greatly appreciated Thanks. Code: function checkPostFields(form) {
var msg = '';
var value_missing = false;
if (form.elements['test'].value == ''
) {
msg += '<?php echo $errormessage; ?>\n';
value_missing = true;
}
}
i have borrowed a java script to produce a weather forecast using data from my weather station. Quote: //code to get your variables goes here //I've assumed they a // $sager_wind = wind direction // $sager_rumbo = wind change // $sager_hpa = Baro value // $sager_trend = Baro trend // $sager_nubes = Sky condition //now we can prepare them for the Sager script //the sager script wants uppercase, so just to be sure... $sager_wind = strtoupper($sager_wind); //has to be uppercase $sager_rumbo = strtoupper($sager_rumbo); //allow for either of mB or Hg input if ($sager_hpa > 50) { $sager_hpa = $sager_hpa * 0.0295300;} //enumerate the Baro switch ($sager_hpa) { case ($sager_hpa > 30.4): $sager_hpa = 1; break; case ($sager_hpa > 30.1): $sager_hpa = 2; break; case ($sager_hpa > 29.9): $sager_hpa = 3; break; case ($sager_hpa > 29.7): $sager_hpa = 4; break; case ($sager_hpa > 29.5): $sager_hpa = 5; break; case (sager_hpa > 29.2): $sager_hpa = 6; break; case (sager_hpa > 28.: $sager_hpa = 7; break; case (sager_hpa > 28.0): $sager_hpa = 8; break; } //enumerate the Baro trend if (strcasecmp($sager_trend, 'Rising Rapidly') == 0) { $sager_trend = 1; } if (strcasecmp($sager_trend, 'Rising Slowly') == 0) { $sager_trend = 2; } if (strcasecmp($sager_trend, 'Steady') == 0) { $sager_trend = 3; } if (strcasecmp($sager_trend, 'Falling Slowly') == 0) { $sager_trend = 4; } if (strcasecmp($sager_trend, 'Falling Rapidly') == 0) { $sager_trend = 5; } //enumerate the Sky condition if (strcasecmp($sager_nubes, 'Clear') == 0) { $sager_nubes = 1; } if (strcasecmp($sager_nubes, 'Partly Cloudy') == 0) { $sager_nubes = 2; } if (strcasecmp($sager_nubes, 'Mostly Overcast') == 0) { $sager_nubes = 3; } if (strcasecmp($sager_nubes, 'Overcast') == 0) { $sager_nubes = 4; } if (strcasecmp($sager_nubes, 'Rain') == 0) { $sager_nubes = 5; } ?> <html> <!-- standard header stuff goes here --> <!-- and don't forget to include the sager script --> <script src="sager_cast.js" type="text/javascript"></script> <body> <br /> Sager = <span id="forecast">forecast will appear here</span> <script type="text/javascript" language="javascript"> <!-- { //we could do some fancy escaping to directly insert the php variables //into the javascript function call, but this is harder to break. z_wind = "<?php echo $sager_wind?>"; z_rumbo = "<?php echo $sager_rumbo?>"; z_hpa = <?php echo $sager_hpa?>; z_trend = <?php echo $sager_trend?>; z_nubes = <?php echo $sager_nubes?>; document.getElementById('forecast').innerHTML = sager_cast( z_wind, z_rumbo, z_hpa, z_trend, z_nubes); } //--> </script> </body> </html> this basically turns my PHP variables intoa forecast by using the script above and also sager_cast.js (which crunches the numbers). my question is how can i record the output to a text file ie. this bit Quote: <br /> Sager = <span id="forecast">forecast will appear here</span> i know how to run a cron job on my host server but whenever i try to use php to geta at it, it fails. i understand that php and JS and side server / client server / host server different, but surely there must be a way to record the output using my host and the script that i have. my goal is to catch the forecast every 15 mins (with a time stamp) and then look back at the (text) file to see how it has changed. can anyone please help? one suggestion is to turn the number crunching JS script into php so i can 'get at it' but there are thousands of lines of code! thanks in advance, and hello from a newbie poster! Hi! I'm start learning javascript and can't solve one problem. I need to case user click first radiobutton browser show him first form ($mat1), else second. For example, I have this php code: PHP Code: $mat1="<span id="form_notes_text">".$saved_info."</span><br>\ <input class=\"form_notes_element\" value="0" type="text" name="name" maxlength="9"><br><br>\ <span id="form_notes_text">".$price_info."</span><br>\ <input class=\"form_notes_element\" type=\"text\" name=\"name2\" maxlength\"9\"><br><br>"; $mat2="<span id="form_notes_text">".$saved_info."</span><br>\ <input class=\"form_notes_element\" value="0" type="text" name="name" maxlength="9"><br><br>\ <span id="form_notes_text">".$price_info."</span><br>\ <input class=\"form_notes_element\" type=\"text\" name=\"name2\" maxlength\"9\"><br><br>"; echo "<span id=\"form_notes_text\">$add_title</span><br> <input class=\"form_notes_element\" type=\"text\" name=\"name\" maxlength=\"30\"><br><br> <span id=\"form_notes_text\">$material_type</span><br> <input type=\"radio\" name=\"type\" value=\"1\" checked onclick=\"document.getElementById('add_form').innerHTML = $mat1\">Value 1<br> <input type=\"radio\" name=\"type\" value=\"2\" onclick=\"document.getElementById('add_form).innerHTML = $mat2\">Value 2<br><br><br>"; But it doesn't work. What am I doing wrong? OK, There's a script on my site that's included like <script src='somePHPfile.php?params... etc It generates an image with some text in it and a few links. When I click 'view source' it just comes up with the <script> tags and nothing else. In Firefox, if I right click on the actual image and go to this frame > view source, I can see everything it's doing. Is there some way I can access this code with Javascript/jquery? I've tried html/dom parsers, etc. with no luck. Hi Guys, I want to output my pagetitle in javascript. An idea of syntax? <title> products</title> eg My page title is javascript code outputs... My page title is products no joy with Code: <body> <script TYPE="text/javascript"> document.write(document.title); </script> </body> Thanks Hi, I have 31 audio files and want to play one each day from a single html button. I have the audio files in the same directory as the html page. I have tried to adapt some code to do this, but have not had success. Any help would be much appreciated! Here is what I have so far: Code: <body>
<button id="button" onclick=" " return false">Play</button>
</body>
<script type="text/javascript">
var currentDay = (new Date()).getDate();
document.getElementById('button').onclick = "proverbs" + currentDay + ".mp4" ;
</script>
Firstly I know this is a PHP issue yet it is within javascript and IMO is the root cause of the problem. I'm trying to output markers from a search query of locations from my database, onto a Google Map (api v.3) using a tut I found http://tips4php.net/2010/10/use-php-...g-data-on-map/ When adding this to my page I'm getting Undefined index:errors. I have changed the variables in the php part of the script to suit my database yet have left everything else alone, cant figure out why I'm still getting a blank map???? Please help.... My code with errors being shown at bottom; Code: <script src="http://maps.google.com/maps/api/js?v=3&sensor=false" type="text/javascript"></script>
<script type="text/javascript">
var icon = new google.maps.MarkerImage("http://maps.google.com/mapfiles/ms/micons/blue.png",
new google.maps.Size(32, 32), new google.maps.Point(0, 0),
new google.maps.Point(16, 32));
var center = null;
var map = null;
var currentPopup;
var bounds = new google.maps.LatLngBounds();
function addMarker(lat, lng, info) {
var pt = new google.maps.LatLng(lat, lng);
bounds.extend(pt);
var marker = new google.maps.Marker({
position: pt,
icon: icon,
map: map
});
var popup = new google.maps.InfoWindow({
content: info,
maxWidth: 300
});
google.maps.event.addListener(marker, "click", function() {
if (currentPopup != null) {
currentPopup.close();
currentPopup = null;
}
popup.open(map, marker);
currentPopup = popup;
});
google.maps.event.addListener(popup, "closeclick", function() {
map.panTo(center);
currentPopup = null;
});
}
function initMap() {
map = new google.maps.Map(document.getElementById("map"), {
center: new google.maps.LatLng(0, 0),
zoom: 14,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR
},
navigationControl: true,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.SMALL
}
});
<br />
<b>Notice</b>: Undefined index: name in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>73</b><br />
<br />
<b>Notice</b>: Undefined index: lng in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>75</b><br />
<br />
<b>Notice</b>: Undefined index: info in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>76</b><br />
addMarker(53.994709, ,'<b></b><br/>');
<br />
<b>Notice</b>: Undefined index: name in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>73</b><br />
<br />
<b>Notice</b>: Undefined index: lng in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>75</b><br />
<br />
<b>Notice</b>: Undefined index: info in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>76</b><br />
addMarker(53.985416, ,'<b></b><br/>');
<br />
<b>Notice</b>: Undefined index: name in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>73</b><br />
<br />
<b>Notice</b>: Undefined index: lng in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>75</b><br />
<br />
<b>Notice</b>: Undefined index: info in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>76</b><br />
addMarker(53.985416, ,'<b></b><br/>');
<br />
<b>Notice</b>: Undefined index: name in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>73</b><br />
<br />
<b>Notice</b>: Undefined index: lng in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>75</b><br />
<br />
<b>Notice</b>: Undefined index: info in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>76</b><br />
addMarker(0.000000, ,'<b></b><br/>');
<br />
<b>Notice</b>: Undefined index: name in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>73</b><br />
<br />
<b>Notice</b>: Undefined index: lng in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>75</b><br />
<br />
<b>Notice</b>: Undefined index: info in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>76</b><br />
addMarker(0.000000, ,'<b></b><br/>');
center = bounds.getCenter();
map.fitBounds(bounds);
}
</script>
Hello, I use a iplocator api, which is javascript and gives out the city name, country and zipcode output PHP Code: <script language="JavaScript" src="http://www.somesite.com/somefile.js?key=apikey"></script> <script language="JavaScript"> <!-- document.write(ip2location_isp() + ', ' + ip2location_city() + ', ' + ip2location_zip_code() + ', ' + ip2location_net_speed()); //--> </script> my question or where i need help is that, i would like to output each of those as a hidden text field, so later i can store into mysq database with POST method from the hidden field. thank you in advance for your time n help I have the following javascript code: Code: elms=document.getElementById('friends').getElementsByTagName('li');
for(var fid in elms){
if(typeof elms[fid] === 'object'){
fs.click(elms[fid]);}
}
Which grabs all "li" tags with the ID "friends" , and then goes through and clicks all of those elements. How would I go about having it to where it only clicks up to 200 elements, and not all of them. what is the best way to count the seconds between each onkeyup to "autosave" without sending an ajax command after each key? id like my script to update after 2 seconds of no typing.... (yes, jquery is in use on the page) Code: function microtime (get_as_float) {
var now = new Date().getTime() / 1000;
var s = parseInt(now, 10);
return (get_as_float) ? now : (Math.round((now - s) * 1000) / 1000) + ' ' + s;
}
var lastKeyUp=0;
function saveChange(id,field,value){
thismicrotime=microtime(true);
if(lastKeyUp == 0 || (thismicrotime-lastKeyUp) >= 2000000){
$.get("saveChange.php",
{ 'field': field, 'value': value, 'id': id },
function(data){
lastKeyUp=thismicrotime;
},
'xml'
);
}
}
Code: <input type="text" name="field1" onkeyup="saveChange('2','field1',this.value);" />
i'd use onchange or onblur but that requires you to unfocus the field before it saves... Hi I am wondering how I would limit the drop zones to just one image per drop zone? Code: <ul id="images"> <li><a id="1" draggable="true"><img src="images/1.jpg" value = "flower"></a></li> <li><a id="2" draggable="true"><img src="images/2.jpg" value = "boy"></a></li> <li><a id="3" draggable="true"><img src="images/3.jpg" value = "girl"></a></li> </ul> <form name = "objects" id="form" action = "form.php" method = "post"> <div class="drop_zones"> <div class="drop_zone" id="drop_zone1" droppable="true" type = "text" name = "drop_zone1"> </div> <div class="drop_zone" id="drop_zone2" droppable="true" type = "text" name = "drop_zone2"> </div> <div class="drop_zone" id="drop_zone3" droppable="true" type = "text" type = "file" name = "drop_zone3"> </div> </div> Code: var addEvent = (function () {
if (document.addEventListener) {
return function (el, type, fn) {
if (el && el.nodeName || el === window) {
el.addEventListener(type, fn, false);
} else if (el && el.length) {
for (var i = 0; i < el.length; i++) {
addEvent(el[i], type, fn);
}
}
};
} else {
return function (el, type, fn) {
if (el && el.nodeName || el === window) {
el.attachEvent('on' + type, function () { return fn.call(el, window.event); });
} else if (el && el.length) {
for (var i = 0; i < el.length; i++) {
addEvent(el[i], type, fn);
}
}
};
}
})();
var dragItems;
updateDataTransfer();
var dropAreas = document.querySelectorAll('[droppable=true]');
function cancel(e) {
if (e.preventDefault) {
e.preventDefault();
}
return false;
}
function updateDataTransfer() {
dragItems = document.querySelectorAll('[draggable=true]');
for (var i = 0; i < dragItems.length; i++) {
addEvent(dragItems[i], 'dragstart', function (event) {
event.dataTransfer.setData('obj_id', this.id);
return false;
});
}
}
addEvent(dropAreas, 'dragover', function (event) {
if (event.preventDefault) event.preventDefault();
this.style.borderColor = "#000";
return false;
});
addEvent(dropAreas, 'dragleave', function (event) {
if (event.preventDefault) event.preventDefault();
this.style.borderColor = "#ccc";
return false;
});
addEvent(dropAreas, 'dragenter', cancel);
// drop event handler
addEvent(dropAreas, 'drop', function (event) {
if (event.preventDefault) event.preventDefault();
// get dropped object
var iObj = event.dataTransfer.getData('obj_id');
var oldObj = document.getElementById(iObj);
// get its image src
var oldSrc = oldObj.childNodes[0].src;
oldObj.className += 'hidden';
var oldThis = this;
setTimeout(function() {
oldObj.parentNode.removeChild(oldObj); // remove object from DOM
// add similar object in another place
oldThis.innerHTML += '<a id="'+iObj+'" draggable="true"><img src="'+oldSrc+'" /> </a>';
// and update event handlers
updateDataTransfer();
// little customization
oldThis.style.borderColor = "#ccc";
}, 500);
return false;
});
Anyone know? Hi all, using the Draggable featu http://jqueryui.com/demos/draggable/ How can I limit the draggable div so it hits the sides of the container? It states I can do this: Quote: Constrains dragging to either the horizontal (x) or vertical (y) axis. Possible values: 'x', 'y'. Code examples Initialize a draggable with the axis option specified. $( ".selector" ).draggable({ axis: 'x' }); Get or set the axis option, after init. //getter var axis = $( ".selector" ).draggable( "option", "axis" ); //setter $( ".selector" ).draggable( "option", "axis", 'x' ); But I don't really understand it. :S Not great with Javascript - so please make it simple! Thanks. In my previous post, I asked how to create a function that would allow me to add to or subtract from a maxvalue, and thankfully I got help regarding that. However, something's got me stumped for the past few weeks that I still can't resolve... This is the relevant code: Code: <html>
<head>
<script type="text/javascript" language="Javascript">
function chgAdv(btn)
{
var form = btn.form;
var newqty = parseInt(btn.value);
var maxqty = form.maxqty;
var maxadv = form.maxadv;
if (eval("btn.checked") == true && parseInt(maxadv.value) + newqty <= 15) {
var newmax = parseInt(maxqty.value) - newqty;
var newadv = parseInt(maxadv.value) + newqty;
}
else if (eval("btn.checked") == false && parseInt(maxadv.value) - newqty >= 0) {
var newmax = parseInt(maxqty.value) + newqty;
var newadv = parseInt(maxadv.value) - newqty;
}
else {
var newmax = parseInt(maxqty.value);
var newadv = parseInt(maxadv.value);
}
if ( newadv >= 0 && newmax >= 0) {
maxqty.value = newmax;
maxadv.value = newadv;
}
}
function chgDis(btn) {
var form = btn.form;
var newqty = parseInt(btn.value);
var maxqty = form.maxqty;
var maxdis = form.maxdis;
if (eval("btn.checked") == true && parseInt(maxdis.value) + newqty <= 10) {
var newmax = parseInt(maxqty.value) + newqty;
var newdis = parseInt(maxdis.value) + newqty;
}
else if (eval("btn.checked") == false && parseInt(maxdis.value) - newqty >= 0) {
var newmax = parseInt(maxqty.value) - newqty;
var newdis = parseInt(maxdis.value) - newqty;
}
else {
var newmax = parseInt(maxqty.value);
var newdis = parseInt(maxdis.value);
}
if (newdis >= 0 && newmax >= 0) {
maxqty.value = newmax;
maxdis.value = newdis;
}
}
</script>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<form name="f1">
<b>Advantages</b> (<input type="text" class="RO" name="maxadv" value="0" />)<br />
<input type="checkbox" class="RO" name="Absolute Direction" onclick="chgAdv(this);" value="2" />Absolute Direction<br />
<input type="checkbox" class="RO" name="Allies" onclick="chgAdv(this);" value="3" />Allies<br />
<hr>
<b>Disadvantages</b> (<input type="text" class="RO" name="maxdis" value="0" />)<br />
<input type="checkbox" class="RO" name="Antisocial" onclick="chgDis(this);" value="2" />Antisocial<br />
<input type="checkbox" class="RO" name="Ascetic" onclick="chgDis(this);" value="4" />Ascetic<br />
max quantity: <input type="text" readonly class="RO" name="maxqty" value="40" />
</form>
</body>
</html>
styles.css is simply: Code: input.RO {
border: none;
width: 40px;
text-align: center;
}
As it stands, it works as long as the total value is less than or equal to the limit (for advantages it's 15, for disadvantages it's 10). However, the moment it goes past the limit -- for instance, if you change Antisocial's value from 2 to 7, or if you add several additional checkboxes with any values -- the whole thing starts going crazy; specifically, maxvalue doesn't revert to 40 when the all the checkboxes are unchecked. What I'd want to happen is that the user cannot select or apply advantages or disadvantages if the maximum advantage is greater than 15 or the maximum disadvantages is greater than 10. I'm thinking that a button for adding disadvantage points to/subtracting advantage points from the maxvalue (that becomes disabled if the user goes past his limit on advantages/disadvantages) is useful at this point, but I'm really stumped on the implementation of the idea. An alternate idea of mine is that all other advantage/disadvantage checkboxes would become disabled if their value is greater than the remaining number of points, but I don't know how that is possible either. Any and all help is greatly appreciated. I want to limit the number of characters shown in a select box when its 'dormant' ie. I want the drop down to have the full word but when something is selected, I want it to show only the first 3 characters of the word. I can limit the width to a fixed px width but the right width is different depending on the word. (its a drop down of month names, I want them to have the full 'grown up' name in the drop down but that's too long and cumbersome for the space I have, I've trimmed it down by setting the width in CSS but it looks so much neater when the first 3 characters just show in the box rather than 4 or 3.5) Hi, I am not entirely sure what I am doing wrong here, and I have been looking at this for ages, so apologies in advance if I have become so bleary eyed I can't see something simple. I use php to create buttons based on values pulled for a table. The problem I have is when you click on the first button the javascript function works great, when you click on the next button you get the same output even though it should be different results. I am working in ff and I can see on my firebug console that the javascript function is being called, but it is not passing the new value of the second or third button, it just keeps repassing the value of the first button. So not entirely sure where I am going wrong here. My page is: Code: <script type="text/javascript">
function loadXMLDoc2(File,ID,Msg){
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
}
else {
try{
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById(ID).innerHTML=xmlhttp.responseText;
}
}
var params=Msg;
xmlhttp.open("POST",File,true);
xmlhttp.setRequestHeader("Pragma", "Cache-Control:no-cache");
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("Content-length", params.length);
xmlhttp.setRequestHeader("Connection", "close");
xmlhttp.send(params);
}
</script>
<head>
<body>
<?php
$con = mysql_connect("localhost","user","password");
if (!$con) {
die('Could not connect: ' . mysql_error());
}
mysql_select_db("mydb", $con);
$result = mysql_query("SELECT DISTINCT theme FROM goods WHERE category='{$_POST['category']}'
ORDER BY theme DESC");
while($row = mysql_fetch_array($result)){
echo '<input type="text" class="hidden" name="theme" id="theme" value="' . $row['theme'] . '" ><input type="button" class="button3" name="product" id="product" value="' . $row['product'] . '" onClick="loadXMLDoc2(\'getShow.php\',\'txtHint\',\'theme=\'+encodeURI(document.getElementById(\'rtheme\').value))" > ';
}
echo '<br /><br />
<div id="txtHint"><div>
<br />
<br />';
mysql_close($con);
?>
And getShow.php produces a table with a list of product images, names and prices, based on theme. So basically not sure where I am going wrong here? As of right now I have a code that will work in IE but wont work in FireFox...go figure. Basically what I want to have happen is when you type in an area code it will provide an output in a predetermined area of the page. For Example: Input- 512 Output - Austin, TX The code that I have doesn't work with firefox and I was just wondering if there was a code that would allow that to happen. Thanks! I have a form with two text input boxes. I want to limit the text typed into the boxes as follows: 1. Either box can have the number 2 typed in, but the other box must remain empty OR 2. Each box can have the number 1 typed into Is this possible with JS and, if so, how do I do it?? |
|||||||