•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 397,568 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,528 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 1123 | Replies: 2
![]() |
•
•
Join Date: Jul 2007
Posts: 12
Reputation:
Rep Power: 2
Solved Threads: 0
I like the sample here
http://dev.portalzine.de/index?/Hori...cordion--print
try to click show 1 , show 2, .... (grey / green)
==== but I don't know how to display different content for different show --- so please help === it should be p (for 1 2 3 and 4)
[[ just have to read the very last line of the following code ]]
$(".handle").bind("click",function() {
if($('.handle[@id*='+$(this).attr("id")+"]").attr("rel") != "selected"){
$('.handle').attr("rel","");
$('.handle').css({background:"url(images/blade.png)"});
$(this).css({background:"url(images/blade_sel.png)"});
$('div[@id*=content]').animate({className:"content"},500,"backin");
$('div[@id*=hdiv]').animate({className:"start"},500,"backin");
$('#hdiv'+$(this).attr("id")).animate({className:"end"},500, 'easein');
$('#content'+$(this).attr("id")).animate({className:"endcontent"},500,'easein');
$('.handle[@id*='+$(this).attr("id")+"]").attr("rel","selected");
}
});
// $(".content p").html("Lorem ipsum...CONTENT here.");
====
if the question is not clear, please let me know, I will put all the code download source here , thanks
http://dev.portalzine.de/index?/Hori...cordion--print
try to click show 1 , show 2, .... (grey / green)
==== but I don't know how to display different content for different show --- so please help === it should be p (for 1 2 3 and 4)
[[ just have to read the very last line of the following code ]]
$(".handle").bind("click",function() {
if($('.handle[@id*='+$(this).attr("id")+"]").attr("rel") != "selected"){
$('.handle').attr("rel","");
$('.handle').css({background:"url(images/blade.png)"});
$(this).css({background:"url(images/blade_sel.png)"});
$('div[@id*=content]').animate({className:"content"},500,"backin");
$('div[@id*=hdiv]').animate({className:"start"},500,"backin");
$('#hdiv'+$(this).attr("id")).animate({className:"end"},500, 'easein');
$('#content'+$(this).attr("id")).animate({className:"endcontent"},500,'easein');
$('.handle[@id*='+$(this).attr("id")+"]").attr("rel","selected");
}
});
// $(".content p").html("Lorem ipsum...CONTENT here.");
====
if the question is not clear, please let me know, I will put all the code download source here , thanks
•
•
Join Date: Nov 2006
Location: South Wales
Posts: 159
Reputation:
Rep Power: 2
Solved Threads: 11
I'm assuming you have downloaded or got a link to the latest Jquery version on your page. e.g
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
If you find my post useful please add to my reputation!! Thanks!
ajtrichards web solutions
http://www.ajtrichards.co.uk
ajtrichards web solutions
http://www.ajtrichards.co.uk
•
•
Join Date: Jul 2007
Posts: 12
Reputation:
Rep Power: 2
Solved Threads: 0
I think this effect -- it is good enough for you to try out too
try to see whether you could change the word
====
after posting last time
I did look into it, got some 50% success
basically, in the demo, it show same text -- for show 1 , show 2 , show 3 and show 4 (exactly the same)
FAIL BIT -- I can't change the code and become a case statement -- for that file
maybe you could try and let me know
----
however, I bypass the MAIN file and able to get different text into show1, show 2 , show 3.. Although I got success in this method --- it will not be as cool as the ABOVE PROPOSED METHOD
---
for the json thing and the relative path -- - I do know how to get it right
===
it took me about 2-3 hr to understand the program
Now, I am looking into another program that make the menu bar look like VISTA style
===
yesterday, I fail to install RUBY RAIL GEMS instantRAIL -- another ajax development environment -- interested to try that??
Thanks -- let me know whether you could get some break through
try to see whether you could change the word
====
after posting last time
I did look into it, got some 50% success
basically, in the demo, it show same text -- for show 1 , show 2 , show 3 and show 4 (exactly the same)
FAIL BIT -- I can't change the code and become a case statement -- for that file
maybe you could try and let me know
----
however, I bypass the MAIN file and able to get different text into show1, show 2 , show 3.. Although I got success in this method --- it will not be as cool as the ABOVE PROPOSED METHOD
---
for the json thing and the relative path -- - I do know how to get it right
===
it took me about 2-3 hr to understand the program
Now, I am looking into another program that make the menu bar look like VISTA style
===
yesterday, I fail to install RUBY RAIL GEMS instantRAIL -- another ajax development environment -- interested to try that??
Thanks -- let me know whether you could get some break through
![]() |
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
•
•
•
•
•
•
•
•
DaniWeb JavaScript / DHTML / AJAX Marketplace
- AJAX : Am i right with the concept? (JavaScript / DHTML / AJAX)
- AJAX techniques... (JavaScript / DHTML / AJAX)
- how long does it take to learn assembler and how difficult is it? (Assembly)
- Is C++ More Difficult Than Calculus? (C++)
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: ActiveXObject Problem
- Next Thread: How to retain the disable state of the button after page refreshing


Linear Mode