Question : JavaScript JQuery Problem for Mac Browsers

Experts,

I have a site that uses a slider rating system. Unfortunately, I cannot show you the main page it functions on because it is behind a password. The script uses jQuery with one set of code for IE browsers and one set for everything else. It works fine on IE, but on Mac FF and Safari it does not work. I've attached the block of code that controls the sliders for everything but IE.I can't see anything in it that is problematic. The version of jQuery being used is 1.3.2.

What other information can I provide to help you diagnose the problem?

Lisa 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:

//slider1
$('#slideBox1').Slider(
	{
		accept : '#marker1',
		fractions : 5,
		onSlide : function(cordx, cordy, x , y)
			{
			if (cordx >= 0 && cordx <= 20) {
				$('#slider1').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider1').addClass("rating0");
				document.getElementById('rating1').value = 0;
			}//close if 1
			if (cordx >= 20 && cordx <= 40) {
				$('#slider1').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider1').addClass("rating1");
				document.getElementById('rating1').value = 1;
			}//close if 1
			if (cordx >= 40 && cordx <= 60) {
				$('#slider1').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider1').addClass("rating2");
				document.getElementById('rating1').value = 2;
			}//close if 2
			if (cordx >= 60 && cordx <= 80) {
				$('#slider1').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider1').addClass("rating3");
				document.getElementById('rating1').value = 3;
			}//close if 3
			if (cordx >= 80 && cordx <= 100) {
				$('#slider1').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider1').addClass("rating4");
				document.getElementById('rating1').value = 4;
			}//close if 4
			if (cordx >= 100) {
				$('#slider1').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider1').addClass("rating5");
				document.getElementById('rating1').value = 5;
			}//close if 5
			},
		values: [
			[0,1,2,3,4,5]
		]
	}
);

$('#slideBox2').Slider(
	{
		accept : '#marker2',
		fractions : 5,
		onSlide : function(cordx, cordy, x , y)
			{
			if (cordx >= 0 && cordx <= 20) {
				$('#slider2').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider2').addClass("rating0");
				document.getElementById('rating2').value = 0;
			}//close if 1
			if (cordx >= 20 && cordx <= 40) {
				$('#slider2').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider2').addClass("rating1");
				document.getElementById('rating2').value = 1;
			}//close if 1
			if (cordx >= 40 && cordx <= 60) {
				$('#slider2').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider2').addClass("rating2");
				document.getElementById('rating2').value = 2;
			}//close if 2
			if (cordx >= 60 && cordx <= 80) {
				$('#slider2').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider2').addClass("rating3");
				document.getElementById('rating2').value = 3;
			}//close if 3
			if (cordx >= 80 && cordx <= 100) {
				$('#slider2').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider2').addClass("rating4");
				document.getElementById('rating2').value = 4;
			}//close if 4
			if (cordx >= 100) {
				$('#slider2').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider2').addClass("rating5");
				document.getElementById('rating2').value = 5;
			}//close if 5
			},
		values: [
			[0,1,2,3,4,5]
		]
	}
);

$('#slideBox3').Slider(
	{
		accept : '#marker3',
		fractions : 5,
		onSlide : function(cordx, cordy, x , y)
				{
			if (cordx >= 0 && cordx <= 20) {
				$('#slider3').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider3').addClass("rating0");
				document.getElementById('rating3').value = 0;
			}//close if 1
			if (cordx >= 20 && cordx <= 40) {
				$('#slider3').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider3').addClass("rating1");
				document.getElementById('rating3').value = 1;
			}//close if 1
			if (cordx >= 40 && cordx <= 60) {
				$('#slider3').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider3').addClass("rating2");
				document.getElementById('rating3').value = 2;
			}//close if 2
			if (cordx >= 60 && cordx <= 80) {
				$('#slider3').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider3').addClass("rating3");
				document.getElementById('rating3').value = 3;
			}//close if 3
			if (cordx >= 80 && cordx <= 100) {
				$('#slider3').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider3').addClass("rating4");
				document.getElementById('rating3').value = 4;
			}//close if 4
			if (cordx >= 100) {
				$('#slider3').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider3').addClass("rating5");
				document.getElementById('rating3').value = 5;
			}//close if 5
			},

		values: [
			[0,1,2,3,4,5]
		]
	}
);

$('#slideBox4').Slider(
	{
		accept : '#marker4',
		fractions : 5,
		onSlide : function(cordx, cordy, x , y)
				{
			if (cordx >= 0 && cordx <= 20) {
				$('#slider4').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider4').addClass("rating0");
				document.getElementById('rating4').value = 0;
			}//close if 1
			if (cordx >= 20 && cordx <= 40) {
				$('#slider4').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider4').addClass("rating1");
				document.getElementById('rating4').value = 1;
			}//close if 1
			if (cordx >= 40 && cordx <= 60) {
				$('#slider4').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider4').addClass("rating2");
				document.getElementById('rating4').value = 2;
			}//close if 2
			if (cordx >= 60 && cordx <= 80) {
				$('#slider4').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider4').addClass("rating3");
				document.getElementById('rating4').value = 3;
			}//close if 3
			if (cordx >= 80 && cordx <= 100) {
				$('#slider4').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider4').addClass("rating4");
				document.getElementById('rating4').value = 4;
			}//close if 4
			if (cordx >= 100) {
				$('#slider4').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider4').addClass("rating5");
				document.getElementById('rating4').value = 5;
			}//close if 5
			},

		values: [
			[0,1,2,3,4,5]
		]
	}
);

$('#slideBox5').Slider(
	{
		accept : '#marker5',
		fractions : 5,
		onSlide : function(cordx, cordy, x , y)
	{
			if (cordx >= 0 && cordx <= 20) {
				$('#slider5').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider5').addClass("rating0");
				document.getElementById('rating5').value = 0;
			}//close if 1
			if (cordx >= 20 && cordx <= 40) {
				$('#slider5').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider5').addClass("rating1");
				document.getElementById('rating5').value = 1;
			}//close if 1
			if (cordx >= 40 && cordx <= 60) {
				$('#slider5').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider5').addClass("rating2");
				document.getElementById('rating5').value = 2;
			}//close if 2
			if (cordx >= 60 && cordx <= 80) {
				$('#slider5').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider5').addClass("rating3");
				document.getElementById('rating5').value = 3;
			}//close if 3
			if (cordx >= 80 && cordx <= 100) {
				$('#slider5').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider5').addClass("rating4");
				document.getElementById('rating5').value = 4;
			}//close if 4
			if (cordx >= 100) {
				$('#slider5').removeClass("rating1 rating2 rating3 rating4 rating5 rating0");
				$('#slider5').addClass("rating5");
				document.getElementById('rating5').value = 5;
			}//close if 5
			},
		values: [
			[0,1,2,3,4,5]
		]
	}
);

Answer : JavaScript JQuery Problem for Mac Browsers

I saw that, Mike, but we can't use a beta version in production, so we are forced to wait for the official release, which isn't targeted until some time in November 2010.  In the mean time, we have an immediate need, and we talked about changing to "pull" method (painful!!), or using field definition files (old school!!).  I haven't used the Full version for CR 10, so I don't know what it is capable of.   I thought that I would put it out there, to see if some way could be found that I couldn't think of or research.  The trouble with research is that it doesn't distinguish between the .NET and non-.NET versions, so it is difficult to find a solution.
Random Solutions  
 
programming4us programming4us