|
I'm working on a dice-roller that's an ugly mix of PHP, JavaScript, and whatever else I need in order to make it work. The roller itself works fine, but I decided to get a little fancy with it for the sake of the person that I'm doing this for, and I tried to add logging to it, and breaking down the logs based on what "game" the user is playing. The issue is that I want to have the logs update themselves after x seconds. PHP clearly can't handle this, and my understanding is that JavaScript can't do it by itself, so I have attempted to learn enough Ajax to piece everything together. Here is what I've managed to put together:
<script type='text/javascript'>
var timer = 10;
var game_id = '$g';
var updateLogs = function()
{
var url = 'backend/timed-script.php?g=' + game_id + '&randval=' + Math.random();
var xmlhttp = new XMLHttpRequest();
xmlhttp.open('GET',url,'TRUE');
xmlhttp.send();
xmlhttp.onreadystatechange = function()
{
if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
{
document.getElementById('log_box').innerhtml = xmlhttp.responstText;
}
}
}
setInterval(updateLogs, timer*1000);
</script>
I've thrown an alert() inside updateLogs to make sure that setInterval isn't failing, and that works. The issue is that the isn't populating like it should. I know that timed-script.php works (since pasting the URL in my address bar brings the page up with the appropriate data). Can someone tell me what I'm doing wrong here?
Thanks
|
|
|
|
|
Member 4592879 wrote: var url = 'backend/timed-script.php
Are you sure that is the correct url? don't you wanna take out that " backend/ "?
|
|
|
|
|
Thanks for getting back to me.
The PHP script is in a folder called backend that is just off the root, so the structure looks like this:
www.domain.com/broken_page.php
www.domain.com/backend/timed-script.php
If I feed the appropriate value for g to the backend script, it does display the correct data set, but it won't work with the JavaScript. I've tried pulling it out of the backend folder and into the root, but the same thing happens, or rather, doesn't happen.
|
|
|
|
|
Member 4592879 wrote: document.getElementById('log_box').innerhtml = xmlhttp.responstText;
I just double checked your javascript and spotted .innerhtml = xmlhttp.responstText;
try:
document.getElementById('log_box').innerHTML = xmlhttp.responseText;
Also take a look at how you create the ajax object:
http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first[^]
Let me know if that helps,
Morgs
|
|
|
|
|
w3schools is where I got what I've been trying to use. I've omitted the
|
|
|
|
|
Turns out that after changing a bunch of things (including the two typos that you pointed out), I got it working. Thank you very much for your assistance.
|
|
|
|
|
Anyone else have any other ideas?
|
|
|
|
|
Hi all!
I am creating one joomla site, but I am having some problems with integrating one component "Hotelgude" to my template. I created the template with Artisteer and it works, but it creates some kind of conflict and part of the component it is not showing up. Here is a link to the problem page:
www [dot] ruraltourismbg.info
As you can see the tabs bellow the main picture do not work. They should display different information. Also I can not switch between the different tabs.
As far as I understand the template creates some kind of conflict between jQuery and mootools.But my knowledge in php and scripts is limited and I can not fix it.
If anyone could help, I will be really grateful!
Thanks
|
|
|
|
|
Hi!
Is there someone who can help me?
|
|
|
|
|
Just be patient and wait. Someone will come with an answer. I never use Joomla and Artister so I can't help. But maybe someone does, so just wait patiently.
Excuse me for my improper grammar and typos.
It's because English is my primary language, not my first language.
My first languages are C# and Java.
VB, ASP, JS, PHP and SQL are my second language.
Indonesian came as my third language.
My fourth language? I'm still creating it, I'll let you know when it's done! 
|
|
|
|
|
Hi Devs,
<div id="event">
<div class="row">
<label class="label" for="ex11">Label:</label> <br />
<input type="checkbox" id="ex11" />
<span id="status"></span> <br /> <br />
</div>
</div>
and javascript
$("#ex11")
.iButton({
change: function ($input){
$("#status").html($input.is(":checked") ? "Switched ON" : "Switched OFF");
}
})
.trigger("change");
});
Now the problem is - When check box is checked - i want to pass a variable with 1 value that will be stored in the database. How can i do that in current situation??
Do i have to pass the variable from javascript to php and then sore it in database ? If yes then what's the best way to pass variable with 1 value to php ??
Thanks
|
|
|
|
|
The way I would do so (if you want to do it on the fly, without the user changing pages) is to use AJAX. It's really quite simple actually, don't let AJAX scare you off if you haven't ventured into it yet.
function saveCheckBoxValue(value)
{
var xmlhttp;
if (window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}
else{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
[DO SOMETHING HERE SUCH AS THE EXAMPLE BELOW THIS]
document.getElementById('#ex11').innerHTML += "Value saved!";
}
}
xmlhttp.open("GET","[LOCATION TO PHP SCRIPT HERE]?value=" + value,true);
xmlhttp.send();
}
Then, in the HTML code for your checkbox, all you must do is this:
<input type="checkbox" id="ex11" value="" onchange="saveCheckBoxValue(this.value)" />
Not sure if this is what you were looking for, but I figured I'd give my two cents. The best part about this is that you can create multiple checkboxes, but still only use that one js function to save the values. You will most likely need to tweak this to your needs, such as the value that the checkbox must have, but it's a start at least.
Happy coding!
|
|
|
|
|
Hi Evan,
Thanks for your reply. This make sense and works but it doesn't seem to work when i check/uncheck more than once. I would like the checkbox with two values. When checked -> 1 should be stored in the database and when unchecked -> 0 should be stored in db.
I can do something like this but then it will display two checkbox and that doesn't really help.
<input name="users" type="checkbox" value="1" onchange="saveCheckBoxValue(this.value)" />
<input name="users" type="checkbox" value="0" onchange="saveCheckBoxValue(this.value)" />
I guess am missing something very basic??
Thanks
Andyyy
|
|
|
|
|
Yes, something very very very basic. You need to look at the AJAX script.
function saveCheckBoxValue(value)
{
var xmlhttp;
if (window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}
else{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
if(document.getElementById('users').checked) document.getElementById('users').value = '1';
else document.getElementById('users').value = '0';
document.getElementById('#ex11').innerHTML += "Value saved!";
}
}
xmlhttp.open("GET","[LOCATION TO PHP SCRIPT HERE]?value=" + value,true);
xmlhttp.send();
}
Then just make sure you set the 'id' attribute on your checkbox.
<input name="users" id="users" type="checkbox" value="0" onchange="saveCheckBoxValue(this.value)" />
Keep in mind what the value should start as based on the value from the database if needed. That's opening a whole new can of worms. You're going to need to get the current value from the database with PHP, and then use and if-else like the one in the javascript above to set the initial value.
There are a lot of things going on in your script, you really have to keep your mind open and figure out the logic behind everything that's happening to be a successful programmer.
Good luck!
-Evan
|
|
|
|
|
Hi,
I need lines of code to generate and update an xml file via javascript.
|
|
|
|
|
Nobody can answer that question without more information;
a) where is the javascript being executed
b) what exactly are you trying to achieve, define the problem statement in a bit more detail. There may be better approaches.
|
|
|
|
|
It is possible to do this, although depending upon your Javascript abilities, could be very frustrating. Check out this link: http://www.w3schools.com/dom/default.asp[^]
A server-side language is far easier to use for this sort of thing IMHO. PHP may be your best free option, just look for an XML class. Coldfusion has excellent XML support if you've got money to spend or already have a license for it.
|
|
|
|
|
Hi,
After going through this example tutorial - http://papermashup.com/jquery-iphone-style-ajax-switch/[^], I am trying to create iphone style on/off switch and it seems to be working when i place it in content area of the individual page and load it but when i place it one of the master templates to load it whenever appropriate on the left side bar of the page - it doesn't display the switch button.
I think it's not calling a jquery/javascript that creates button?
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.iphone-switch.js" type="text/javascript"></script>
<div id="container">
<div class="left" id="1"></div>
<div id="ajax"></div>
<div class="clear"></div>
<script type="text/javascript">
$('#1').iphoneSwitch("on",
function() {
alert("sometext");
$('#ajax').load('on.php');
},
function() {
$('#ajax').load('off.php');
},
{
switch_on_container_path: 'iphone_switch_container_off.png'
});
</script>
</div>
Any suggestions?
|
|
|
|
|
|
I'm not a habitual user of JavaScript, but I have a particular need for it right now, so maybe my problem is due to some fundamental misunderstanding of how JavaScript is supposed to work and my expectation that it'll work somewhat like the C# I'm familiar with. Anyway, I have a class (or object prototype or whatever the correct term in JavaScript is supposed to be) that looks something like this:
function MyClass() {
this.OnTimerStart = function() {
};
MyClass.prototype.StartTimer = function() {
if (this.OnTimerStart != null) {
this.OnTimerStart();
}
}
}
Now when I use it, I create an object like so:
var myObj = new MyClass();
Now here's my problem, in the StartTimer function this.OnTimerStart returns undefined (so the != null comparison is always false and the function doesn't get called), but myObj.OnTimerStart is defined and can be executed (directly running myObj.OnTimerStart() works). So why doesn't the prototype method StartTimer seem to know what "this" is? At least in the case when a variable is a function (it doesn't seem to have a problem when a variable is just a string or an int for example). What am I not understanding here?
(Note: tested in IE8, I have other problems with Firefox at the moment which may or may not be related)
Edit: fixed typo in StartTimer
modified on Thursday, August 25, 2011 1:40 PM
|
|
|
|
|
Try replacing
MyClass.prototype.StartTimer() {
with
MyClass.prototype.StartTimer = function() {
|
|
|
|
|
Actually, that was a typo on my part when posting. I think the actual problem I'm having is more complicated that my simple example showed. The way StartTimer get called is from the callback to a jQuery getJSON:
MyClass.prototype.MyFunction = function () {
$.getJSON(this.url + "/MyFunction?callback=?", function (data) {
MyClass.prototype.ErrorChecker(data, function (data) {
MyClass.prototype.StartTimer();
});
});
}
ErrorChecker is a function I use to check for a particular returned value that indicates an error occurred with my web service which then calls the passed in function (i.e. StartTimer) if there is no error. I thought the problem might be because I did MyClass.prototype, but changing it for this.StartTimer() (and/or this.ErrorChecker) doesn't work either and causes an error within jQuery. I guess somewhere within the callback infrastructure you lose the identity of "this". I guess I could change so that both methods (ErrorChecker and StartTimer) accept an extra argument which I can pass "this" in to. I'll give it a try.
|
|
|
|
|
Try this:
MyClass.prototype.MyFunction = function () {
var instance = this;
$.getJSON(instance.url + "/MyFunction?callback=?", function (data) {
instance.ErrorChecker(data, function (data) {
instance.StartTimer();
});
});
}
Martin Fowler wrote: Any fool can write code that a computer can understand. Good programmers write code that humans can understand.
|
|
|
|
|
jQuery still chokes on it. Is there a difference between instance and this?
|
|
|
|
|
"this" is a keyword. "instance" is just what I named that variable. You could rename "instance" to "donkey" and it would act the same. What my changes are supposed to do are capture the value returned from "this" and store it in the "instance" variable so you can use it in nested functions where "this" changes. I'm not sure why it still chokes. Try replacing the line that chokes with alert("test").
Martin Fowler wrote: Any fool can write code that a computer can understand. Good programmers write code that humans can understand.
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
