Icy Phoenix

     
 

Home » Forum » Icy Phoenix Support » Older Versions Archive » Old Support Topics

The time now is Thu 23 Jan, 2025 02:25 • All times are UTC + 1 Hour
View previous topic Recent Topics Enable KB mode Download Topic Printable Version Email to a Friend View next topic

Custom Portal Block With JQuery


Post new topic  Reply to topic  		Page 1 of 1
 
 
Offline borbo 
 
avatar
Joined: September 2006
Posts: 132
Location: blank.gif
 
 
Reply with quote Download Post 
Post Custom Portal Block With JQuery 
 
Hello again

I m trying to create a new block and i am stuck a bit...

I made a block tha contains some content that scrolls with Jquery Scrollable....

I've added to Overall Header

Code: [Download] [Hide] [Select]
<script src="http://cdn.jquerytools.org/1.0.2/jquery.tools.min.js"></script>






<!-- mousewheel support -->
<script src="http://static.flowplayer.org/js/jquery.mousewheel.js"></script>

<!-- styling -->
<link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/scrollable-navig.css" />



Then i've added the style to my templates css and at last i created a block tpl and added inside

Code: [Download] [Hide] [Select]

<!-- navigator -->
<div class="navi"></div>

<!-- prev link -->
<a class="prev"></a>

<!-- root element for scrollable -->
<div class="scrollable">
    
    <div id="thumbs">
    
        
            <div>
            
                <img src="http://static.flowplayer.org/img/demos/thumbs/thumb5.jpg" />

                
                <h3><em>1. </em>An example title</h3>
                
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et felis eget
                    tellus pharetra porttitor. Praesent dui arcu, egestas quis, adipiscing a.
                </p>
                
                <span class="blue">60 sec</span>
                
            </div>
        
            <div>
            
                <img src="http://static.flowplayer.org/img/demos/thumbs/thumb6.jpg" />

                
                <h3><em>2. </em>An example title</h3>
                
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et felis eget
                    tellus pharetra porttitor. Praesent dui arcu, egestas quis, adipiscing a.
                </p>
                
                <span class="blue">80 sec</span>
                
            </div>
        
            <div>
            
                <img src="http://static.flowplayer.org/img/demos/thumbs/thumb17.jpg" />

                
                <h3><em>13. </em>An example title</h3>
                
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et felis eget
                    tellus pharetra porttitor. Praesent dui arcu, egestas quis, adipiscing a.
                </p>
                
                <span class="blue">300 sec</span>
                
            </div>
        

    </div>
    

</div>

<!-- next link -->
<a class="next"></a>

<!-- let rest of the page float normally -->
<br clear="all" />

<!-- javascript coding -->


<script>
// execute your scripts when DOM is ready. this is a good habit
$(function() {        
        
    // initialize scrollable
    $("div.scrollable").scrollable({
        size: 3,
        items: '#thumbs',  
        hoverClass: 'hover'
    });    
    
});
</script>


I placed the block through CMS and images, arrows and and colors are correct but no effect applies....I suspect that the javascript at the bottom of the block.tpl is not executing and i cant make it work....

Any ideas please? I 'm stuck !!!!

Thanks

~Alex
 



 
#1  Thu 20 Aug, 2009 15:24
borboSend private message  
Back to topPage bottom
Sponsors
Icy Phoenix is an open source project, you can show your appreciation and support future development by donating to the project.

Support us
 
Offline spydie Male
Supporter
avatar
Joined: December 2008
Posts: 1796
Location: germany.png In the Boxes
 
 
Reply with quote Download Post 
Post Re: Custom Portal Block With JQuery 
 
are you shure it isn´t getting in conflict with an Jscript allready executed  and included in IP ??


or have you tried with one of the script´s included'??

because there´s a hole bunch off them
 




____________
Out of Order
 
#2  Thu 20 Aug, 2009 15:28
spydieSend private messageVisit poster's website  
Back to topPage bottom
Offline borbo 
 
avatar
Joined: September 2006
Posts: 132
Location: blank.gif
 
 
Reply with quote Download Post 
Post Re: Custom Portal Block With JQuery 
 
mmm....i didn think of that...

let me try it...but i think yesterday i tried to let it run as itself and no result...
 



 
#3  Thu 20 Aug, 2009 15:35
borboSend private message  
Back to topPage bottom
 Inactive User 
avatar
 
Reply with quote Download Post 
Post Re: Custom Portal Block With JQuery 
 
With these type of things you would probably be better off adding all of the script etc to one folder on your PC, create an html file in the same folder with all the paths, markup etc and test locally first.

That should eliminate a lot of problems before you attempt to run it live. Or at least it will make it easier to sort out what is not working once it is added to Icy Phoenix.
 
 
#4  Fri 21 Aug, 2009 00:41
 
Back to topPage bottom
Offline borbo 
 
avatar
Joined: September 2006
Posts: 132
Location: blank.gif
 
 
Reply with quote Download Post 
Post Re: Custom Portal Block With JQuery 
 
Lopalong wrote: [View Post]
With these type of things you would probably be better off adding all of the script etc to one folder on your PC, create an html file in the same folder with all the paths, markup etc and test locally first.

That should eliminate a lot of problems before you attempt to run it live. Or at least it will make it easier to sort out what is not working once it is added to Icy Phoenix.


I 've allready done that and it works flawlessly...!

I can't figure out what is the problem...Maybe a conflict as spydie mentioned above...

Let me check it once again...and i'll  come back with results.!
 



 
#5  Fri 21 Aug, 2009 10:16
borboSend private message  
Back to topPage bottom
 Inactive User 
avatar
 
Reply with quote Download Post 
Post Re: Custom Portal Block With JQuery 
 
Hey borbo,

If memory serves me correctly I think I had this problem once where I had to add an actual path to the script and whatnot in the html for the block.

Can't really remember, but it was something similar.
 
 
#6  Fri 21 Aug, 2009 10:23
 
Back to topPage bottom
Offline borbo 
 
avatar
Joined: September 2006
Posts: 132
Location: blank.gif
 
 
Reply with quote Download Post 
Post Re: Custom Portal Block With JQuery 
 
Did you solve it ? he he

Because if you solve it, ihope you can remember the solution !!!  
 



 
#7  Fri 21 Aug, 2009 10:28
borboSend private message  
Back to topPage bottom
 Inactive User 
avatar
 
Reply with quote Download Post 
Post Re: Custom Portal Block With JQuery 
 
Yes I solved it,

But what it was is still a "Black Hole" in the brain-box.  

If you haven't solved this one yourself, and to save me a lot of time, zip and make the folder you have on you PC available, and I'll give it my best shot to help you with this. That's if you want to of course?

Edit:

Anyway, mine works - - - -  If this is the same one you're working on.  


 
 
#8  Fri 21 Aug, 2009 12:21
 
Back to topPage bottom
Offline borbo 
 
avatar
Joined: September 2006
Posts: 132
Location: blank.gif
 
 
Reply with quote Download Post 
Post Re: Custom Portal Block With JQuery 
 
Is there something that i am missing ?

Can you please describe me the way you made it work?

Thanks man really i appreciate it!
 



 
#9  Mon 24 Aug, 2009 01:41
borboSend private message  
Back to topPage bottom
 Inactive User 
avatar
 
Reply with quote Download Post 
Post Re: Custom Portal Block With JQuery 
 
borbo wrote: [View Post]
Is there something that i am missing ?


Dunno! Depends what you started with.  

And I don't know if I should give it to you because I did ask for your WIP and you didn't deliver!  

Just Kidding! Probably full of errors anyway!   

ALL of this by the way is "Local" and doesn't drag anything from the jquery website, and also the query.tools.min.js is not actually the one they offer for download on the main page - so don't mix them up.
  

Copy the jquery folder to the root of your forum.

Paste the whole jquery.html in your CMS html block - Test - Move and Re-Path the links if you desire etc - Remove the surplus html.

And it should be good to go!

PS: You should also be able to test it on your hard-drive when you unzip it.

And another thing! It's fixed width - And if you need it "fluid" - It's all yours and possibly the jquery forums (If they have one) to sort that out.  

Jquery-for-Borbo.zip
Description: Jquery for Borbo and anyone else who wants to "Play" 
Download
Filename: Jquery-for-Borbo.zip
Filesize: 177.18 KB
Downloaded: 184 Time(s)

 
 
#10  Mon 24 Aug, 2009 02:28
 
Back to topPage bottom
Offline borbo 
 
avatar
Joined: September 2006
Posts: 132
Location: blank.gif
 
 
Reply with quote Download Post 
Post Re: Custom Portal Block With JQuery 
 
Lopalong wrote: [View Post]
borbo wrote: [View Post]
Is there something that i am missing ?


Dunno! Depends what you started with.  

And I don't know if I should give it to you because I did ask for your WIP and you didn't deliver!

Just Kidding! Probably full of errors anyway!

He He... full of mess thats for sure.... !!!

I figured it out.....

I was using knekz template and thats why it didnt work....It works flawlessly in icy phoenix template but not in knekz...

But i don't know why...

Can you figure out what is wrong?

Thank you very much for the zip.... i owe you !
 



 
#11  Mon 24 Aug, 2009 04:06
borboSend private message  
Back to topPage bottom
 Inactive User 
avatar
 
Reply with quote Download Post 
Post Re: Custom Portal Block With JQuery 
 
borbo wrote: [View Post]
He He... full of mess thats for sure.... !!!

Hahaha! That's usually what happens when you pull links on-line and have no way of adjusting anything.  
borbo wrote: [View Post]

I figured it out.....

I was using knekz template and thats why it didn't work....It works flawlessly in icy phoenix template but not in knekz...

But I don't know why...

Can you figure out what is wrong?
 

knekz? Is that a brand of cheese, wine or soap?   j/k

Kneks IMHO is a WIP and at best a BETA that should at this stage be avoided in a live environment until elpulgas has had the opportunity to finish it and to fix it so that it "Mirrors" the CMS blocks that exist in the default styles. If you want to run with it - Better you ask him to have a look at it, because 1. I don't know what stage it's at, 2. I swore on a stack of Micky Mouse Comics that I was not going to get involved with making things work with other peoples modified themes again. Because in reality, it's their problem.
borbo wrote: [View Post]

Thank you very much for the zip.... I owe you !

No you don't! - It's free for the public to play with too. And by the way it can be made to "Float" in width, but it takes a lot of fiddling to get it to sit right for different templates. And then it's not perfect!
 
 
#12  Mon 24 Aug, 2009 06:16
 
Back to topPage bottom
Post new topic  Reply to topic  Page 1 of 1
 


Display posts from previous:    

HideWas this topic useful?

Link this topic
URL
BBCode
HTML

Home » Forum » Icy Phoenix Support » Older Versions Archive » Old Support Topics

The time now is Thu 23 Jan, 2025 02:25 • All times are UTC + 1 Hour
View previous topic Recent Topics Enable KB mode Download Topic Printable Version Email to a Friend View next topic




 
Permissions List
You cannot post new topics
You cannot reply to topics
You cannot edit your posts
You cannot delete your posts
You cannot vote in polls
You cannot attach files
You can download files
You cannot post calendar events

  

 
 Powered by Icy Phoenix based on phpBB
Lo-Fi Version - Privacy Policy - Cookie Policy
Generation Time: 0.0865s (PHP: 23% SQL: 77%)
SQL queries: 12 - Debug Off - GZIP Enabled
Design by Luca Libralato 
  cron