JavaScript - Data Value Change

Hello,

I'm currently working on http://footytweets.co.uk and would like to add an input field to my twitter feed widgets, which allows users to change which twitter account tweets are dispalyed.

An example is here; https://twitter.com/about/resources/...widget_profile

You can see in the example how you can enter a different twitter user account, then hit 'test settings', leading to related twees being displayed.

I can see how to do it but Im a super novice at JS so thought Id ask for assistance .

Any code help is very much appreciated.
Thx

http://www.***.com/5.html

i cant get a caption specific to each image to display under the arrows when the image changes. it is especially hard for me because i have to edit the javascript which confuses the **** out of me. it seemed so simple....

thanks for any help

ps i cant start an id with a digit? it doesnt seem to cause any problems...why is it stated that this cannot or shouldnot be done?

Hello,

Current Live View: https://tornhq.com/AroundTheWorld/Lo...WorkingOn.html

This content is going to be implemented into a form I am currently working on once completed. As you can see, not all of the countries have yet been broken down as some we're having difficulties doing so.

Code:

    SList.getSelect = function (slist, option) {
        document.getElementById('scontent').innerHTML = ''; // empty option-content

        if (SList[slist][option]) {
            // if option from the last Select, add text-content, else, set dropdown list
            if (slist == 'scontent') document.getElementById('scontent').innerHTML = SList[slist][option];
            else {
                var addata = '<option>- - -</option>';
                for (var i = 0; i < SList[slist][option].length; i++) {
                    addata += '<option value="' + SList[slist][option][i] + '">' + SList[slist][option][i] + '</option>';
                }

                // cases for each dropdown list
                switch (slist) {
                    case 'slist2':
                        document.getElementById('slist2').innerHTML = txtsl2 + ' <select name="slist2" onchange="SList.getSelect(\'slist3\', this.value);">' + addata + '</select>';
                        document.getElementById('slist3').innerHTML = '';
                        break;
                    case 'slist3':
                        document.getElementById('slist3').innerHTML = txtsl3 + ' <select name="slist3" onchange="SList.getSelect(\'scontent\', this.value);">' + addata + '</select>';
                        break;
                }
            }
        } else {
            // empty the tags for select lists
            if (slist == 'slist2') {
                document.getElementById('slist2').innerHTML = '';
                document.getElementById('slist3').innerHTML = '';
            } else if (slist == 'slist3') {
                document.getElementById('slist3').innerHTML = '';
            }
        }
    }

I need to know how to edit the following, if there is a simple way to set the case for each one as they are not all split up into the same way, some are Districts, some states and whatnot so the new question varies.

Or do I simply need to make another big list to do them all?

Best Regards,
Tim





Reply With Quote




03-21-2013, 06:35 AM #2
Old Pedant View Profile View Forum Posts

Supreme Master coder! Join Date Feb 2009 Posts 28,311 Thanks 82 Thanked 4,754 Times in 4,716 Posts

Well, for starters, this is generally a really bad way to add <select>s and <option>s. Period.

I would certainly toss out your entire getSelect() function and rewrite it.

But I'm also not clear on what your question is. Are you asking *HOW* to implement the third level? I don't see any countries with any third level data, at this point.

If that's what you are asking, one possible way:
Code:

    SList.slist2 = {
        ...
        "United Kingdom" : 
             { "England" : ["Staffordshire", "Derby", ... ],
                "Scotland" : ["Edinburgh", ... ],
                "Wales" : [ ... ],
                "Northern Ireland" : [ .... ]
             },
       ...
    };

I have to ask: Why would you name that Slist.slist2 instead of Slist.countries ?? Not that it really matters, but why not make code more self documenting?

I used div tag in my field. that field has date value. there is another field that is also date field and it's in div tag.

when i change the first date field automatically second date field should be changed with the first date value.

Here is my first date field code.

Code:

   <div id=apptTimeEditOD style="display:<%=appt.allday()?"none":"block" %>; padding: 4px 4px 4px 4px; position: absolute; width: 90; height: 22; left: 85; top: 2; text-align: left;">
      <%=_r.drawDatePicker( _ahsPage, "startDate", appt.getApptDate()) %>
   </div>

Here is my second date field code.

Code:

   <div id=apptTimeEditEnD style="display:<%=appt.allday()?"none":"block" %>; padding: 4px 4px 4px 4px; position: absolute; width: 90; height: 22; left: 85; top: 2; text-align: left;">
      <%=_r.drawDatePicker( _ahsPage, "startDate1", appt.getApptDate() )%>
      <div id=apptODEndTime style="position: absolute; width: 90; height: 22; left: 140; top: 2; text-align: left;" > </div>
    </div>

how do i change my 2nd date field value with first date value when i do change in first date field.

Hi can you change this javascript for me please
--------------------------------------------------------------------------
--------------------------------------------------------------------------
Code:

<script type = "text/javascript">
function LogIn(){
loggedin=false;
username="";
password="";
username=prompt("Username:","");
username=username.toLowerCase();
password=prompt("Password:","");
password=password.toLowerCase();
if (username=="guest" && password=="login") { 
loggedin=true;
window.location="home-page.html";
}
if (username=="guest2" && password=="login2") {
loggedin=true;
window.location="home-page2.html";
}
if (loggedin==false) {
alert("Invalid login!");
}
}
</SCRIPT>

----------------------------------------------------------------------------------------------------------------------------------------------------
Can someone change this script to instead of prompts i would like two text boxes and a button to login p.s There is also a different bit but thats for the button if you need this part then please ask