(function($){// Code
$(document).ready(function(){});
})(jQuery);
On Thu, Feb 26, 2009 at 8:08 PM, Radha Langde <
[email protected]> wrote:
>
> Billy Hsu wrote:
> > I usually named $j for jQuery.
> > <script>
> > var $j = jQuery.noConflict();
> > </script>
> >
> > Then, you can use $j(...) to do something with jQuery and use $ to do
> > something with Prototype.
> > I think maybe you must modify some code in scripts.js or try include
> > jquery.color.js and scripts.js after you define jQuery.noConflict();
> >
> > <%= javascript_include_tag "jquery" %>
> > <script>
> > var $j = jQuery.noConflict();
> > </script>
> > <%= javascript_include_tag "jquery.color", "scripts" %>
> >
> > On Thu, Feb 26, 2009 at 3:48 PM, Radha Langde <
> > [email protected]> wrote:
> >
> >> >>
> >> below is my rhtml file...and i followed the sequence given below... My
> >> section_title(params[:controller]) %> : <% end %>DashGo</title>
> >> </script>
> >> </body>
> >> > CFC on Rails:
> >> > http://zusocfc.blogspot.com
> >> >
> >> > Only two surfaces of a box:
> >> > http://blog.pixnet.net/zusocfc
> >>
> >> --
> >> Posted via http://www.ruby-forum.com/.
> >>
> >> >
> >>
> > Hi..
> Thanks for the suggestion.. bt it fails...
> below is my scripts.js file... and it fails with the error
>
> $("table.data tr:nth-child(even)") is null
>
> i tried using jQuery in place of $ in scripts.js. it had been working
> properly. all the functionalities were working. but wen i implemented
> lightbox, lightbox was not working properly. bt wen i undo the changes
> in scripts.js lightbox works fine..
>
> How to modify scripts.js.. below is the script.
>
>
>
> /*
> DashGo scripts (utilizing jQuery 1.2.3)
> Developed by Noah Lazar, Saforian
> */
>
> /* --- Initialize page --- */
> $(document).ready(function(){
>
> // Stripe row colors
> $("table.data
> tr:nth-child(even)").not(".even").not(".odd").addClass("even");
>
> // Insert document icons
> $("a[href$=pdf]").not(":has(img)").append('<img class="icon"
> src="/images/icon_pdf.gif" width="14" height="14" alt=" (PDF)">');
> $("a[href$=doc]").not(":has(img)").append('<img class="icon"
> src="/images/icon_word.gif" width="14" height="14" alt=" (Word
> Document)">');
> $("a[href$=xls]").not(":has(img)").append('<img class="icon"
> src="/images/icon_excel.gif" width="14" height="14" alt=" (Excel
> Spreadsheet)">');
> $("a[href$=ppt]").not(":has(img)").append('<img class="icon"
> src="/images/icon_powerpoint.gif" width="14" height="14" alt="
> (Powerpoint Presentation)">');
>
> // CSS3 first and last child replacement
> $(".columns .col:last-child").addClass("last-child");
> $(".three .col:first-child").addClass("first-child");
>
> // Popup Help
> initPopupHelp();
>
> // Hide/show boxes
> initToggleBoxes();
>
> // Collapsable boxes
> initCollapsables();
>
> // IE6 interface fixes
> if ($.browser.msie && $.browser.version <= 6) {
> initIE6();
> }
>
> // Selectable data tables
> initSelectables();
>
> // Yellow fade messages (requires jquery.color.js plugin)
> $(".notice, .warning").animate({ backgroundColor:"#e7e7e7" }, 2200);
>
> // Select box navigation
> ("select[rel=redirect]").change(function(){
> location.href = $(this).val();
> });
>
> });
>
>
>
> // Toggle hide/show/edit for boxes
> function initToggleBoxes(){
>
> // Hidden box initialization
> $("#artistinfo").hide();
>
>
> // Show box
> $("a[rel=show]").click(function(){
>
> // Show destination box
> $(this.hash).slideToggle("fast");
>
> // Hide this link (close link should be within box)
> $(this).hide();
>
> return false;
> });
>
> // Hide box
> $("a[rel=hide]").click(function(){
> var link = this;
>
> // Hide box
> $(this.hash).slideToggle("fast", function(){
> // Show original open link
> $("a[href=" + link.hash + "][rel=show]").show();
>
> // Cancel edit mode if possible
> $(link.hash).find("div.edit:visible a[rel=cancel]").click();
>
> });
>
> return false;
> });
>
> // Edit fields
> $("a[rel=edit]").click(function(){
>
> // Hide the "view" box and show the "edit" box
> $(this.hash)
> .find("div.view").hide()
> .siblings("div.edit").show();
>
> return false;
> });
>
> // Cancel editing fields
> $("a[rel=cancel]").click(function(){
>
> // Hide the "edit" box and show the "view" box
> $(this.hash)
> .find("div.edit").hide()
> .siblings("div.view").show();
>
> return false;
> });
>
>
> // Delete links
> $("a[rel=delete]").click(function(){
> return confirm("Are you sure you want to delete this item?");
> });
>
>
> }
>
>
> // Selectable data tables
> function initSelectables() {
>
> $("table.selectable tr:has(td)").click(function(){
>
> if ($(this).hasClass("active")) { return; }
>
> // Go to destination based on row URL
> var url = $(this).attr("rel");
> if (url != "") { location.href = url; }
>
> });
>
> }
>
>
> // Collapsable boxes
> function initCollapsables() {
>
> // Collapse closed boxes
> $(".collapsable.closed>.wrapper").hide();
>
> // Add wrapper link for title text (to allow for keyboard navigation)
> $(".collapsable .title>h3").not(":has(a)").wrapInner("<a href='#'
> class='toggle'></a>");
>
> // Process toggle
> $(".collapsable .title>h3>a.toggle").click(function(){
>
> // Slide up and change arrow
> $(this).parents(".collapsable").toggleClass("closed");
>
> if ($.browser.msie && $.browser.version <= 6) {
> // Animation does not work in IE6
> $(this).parents(".title").siblings(".wrapper").toggle();
> } else {
> $(this).parents(".title").siblings(".wrapper").slideToggle("fast");
> }
>
> return false;
> });
> }
>
>
> // Popup Help
> function initPopupHelp() {
>
> // Since we're fading, apply opacity fix to Firefox
> if ($.browser.mozilla && $(".help").size() > 0) {
> $("body").css("opacity", ".99999");
> }
>
>
> // Add wrapper
> $(".help").wrapInner('<span class="text"></span>');
>
> // Hide text
> $(".help .text").hide();
>
> // Insert help icon
> $(".help").append('<img class="helpicon" src="/images/icon_help.gif"
> alt="Help" width="14" height="14">');
>
>
> $(".help")
> // Hover action
> .hover(function(){
> // Fade in help text
> $(this).find("span.text:hidden").animate({ opacity:"show",
> bottom:"-=20" }, "normal");
> },function(){
> // Fade out help text
> $(this).find("span.text:visible").animate({ opacity:"hide",
> bottom:"+=20" }, "fast");
> })
>
> // Keyboard tab access
> .focus(function(){
> // Fade in help text
> $(this).find("span.text:hidden").animate({ opacity:"show",
> bottom:"-=20" }, "normal");
> })
> .blur(function(){
> // Fade out help text
> $(this).find("span.text:visible").animate({ opacity:"hide",
> bottom:"+=20" }, "fast");
> });
>
> }
>
>
>
> // IE6 fixes for missing CSS features
> function initIE6(){
>
> // Support :hover on selectable rows
> $("table.selectable tr").hover(function(){
> $(this).addClass("hover");
> }, function(){
> $(this).removeClass("hover");
> });
>
>
> // Add [rel=delete] replacement class
> $("a.button[rel=delete]").addClass("reldelete");
>
> // Add [type=text] replacement class
> $("#artistinfo input[type=text]").addClass("typetext");
>
>
> // PNG support
> $("img[src$=png]").each(function(){
> var src = this.src;
> var div = document.createElement("div");
>
> // Set replacement div properties
> div.id = this.id;
> div.className = this.className;
> div.title = this.title || this.alt;
> div.style.filter =
> "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src +
> "', sizing='scale')";
> div.style.width = this.width + "px";
> div.style.height = this.height + "px";
>
> // Replace image with transparent div
> this.replaceNode(div);
>
> });
>
> }
>
> >
> > --
> > TWRUG Blog:
> > http://blog.rubyonrails.org.tw
> >
> > CFC on Rails:
> > http://zusocfc.blogspot.com
> >
> > Only two surfaces of a box:
> > http://blog.pixnet.net/zusocfc
>
>
>
> --
> Posted via http://www.ruby-forum.com/.
>
> >
>
--
TWRUG Blog:
http://blog.rubyonrails.org.tw
CFC on Rails:
http://zusocfc.blogspot.com
Only two surfaces of a box:
http://blog.pixnet.net/zusocfc
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby
on Rails: Talk" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---
