EN - Addons • WS 4.2 Aja(x) Switchbox

08.04.2009, 18:57 - k3rmit - webSPELL god - 7824 Posts
Just packed together a little addon i wrote 2 days ago when i was bored. it is a simple switchbox, which uses asynchronous requests via javascript to fetch the output of sc_articles.php, sc_files.php, latesttopics.php, sc_results.php, sc_demos.php, sc_headlines.php, sc_upcoming.php, sc_lastregistered.php, sc_servers.php and sc_squads.php.
You are able to adjust which modules to show and to choose between four styles of naviagation (numbered buttons, named buttons, arrows and a dropdown).

Demo in the upper left at my little test page.

Download the addon here.
 
08.04.2009, 19:02 - doc-Freudlos - webSPELL lover - 1412 Posts
n1 lächeln

lol banner edit wie geil naja...........................
 
08.04.2009, 19:06 - chris2603 - webSPELL lover - 1003 Posts
very nice lächeln

Wesbepell Addon Erstellung und Anpassungen (x)HTML Valide div/css Bei interesse PM mit ausführlicher Beschreibung und Preisvorstellung.
 
08.04.2009, 19:06 - Wookie - webSPELL user - 202 Posts
dlink is not okay !
come only a blank file unglücklich

http://www.wookie.de dort gibt es ca. 600 Webspell Addons und Mods (und schon bereits mehr als 150.000 Downloads) ! Reinschauen lohnt sich ....
 
08.04.2009, 19:08 - kasdhkasd - webSPELL hero - 1783 Posts
nice lächeln
 
08.04.2009, 19:09 - k3rmit - webSPELL god - 7824 Posts
Wookie wrote:
dlink is not okay !
come only a blank file unglücklich


fixed!
 
08.04.2009, 19:12 - Wookie - webSPELL user - 202 Posts
now its okay lächeln
thx 4 link

http://www.wookie.de dort gibt es ca. 600 Webspell Addons und Mods (und schon bereits mehr als 150.000 Downloads) ! Reinschauen lohnt sich ....
 
08.04.2009, 20:03 - innovizion - webSPELL user - 155 Posts
Nice one, thx
 
08.04.2009, 22:47 - k3rmit - webSPELL god - 7824 Posts
Wookie wrote:
now its okay lächeln
thx 4 link

no problem lächeln
 
08.04.2009, 23:22 - -no comment- - webSPELL newbie - 89 Posts
nice addon.

but i have a question, where is there ajax code in it?
i look inside to understand the code but i don't see ajax code, only javascript.
 
08.04.2009, 23:23 - chris2603 - webSPELL lover - 1003 Posts
lol guy -.- Ajax is Javascript and html zwinkern

Wesbepell Addon Erstellung und Anpassungen (x)HTML Valide div/css Bei interesse PM mit ausführlicher Beschreibung und Preisvorstellung.
 
08.04.2009, 23:25 - LoRd - Moderator - 4520 Posts
chris2603 schrieb:
lol guy -.- Ajax is Javascript and html zwinkern


not really...

ajax stands for: Asynchronous JavaScript and XML, this has nothing to do with html

If you see me laughing, you better have a backup!
 
08.04.2009, 23:30 - -no comment- - webSPELL newbie - 89 Posts
chris2603 schrieb:
lol guy -.- Ajax is Javascript and html zwinkern


before you laughing about my question, you should inform yourself about what's the meaning of AJAX
 
08.04.2009, 23:32 - chris2603 - webSPELL lover - 1003 Posts
i konw it !!! But in this therm there is no XML so its a special form of xml (called Html, in this term) or ?!

I´m using Ajax very often and readed about 4 books with ajax and javascript.. so i know what it is...

Wesbepell Addon Erstellung und Anpassungen (x)HTML Valide div/css Bei interesse PM mit ausführlicher Beschreibung und Preisvorstellung.
 
08.04.2009, 23:37 - -no comment- - webSPELL newbie - 89 Posts
chris2603 schrieb:
i konw it !!! But in this therm there is no XML or ?!

I´m using Ajax very often and readed about 4 books with ajax and javascript.. so i know what it is...


yeah in this code is no xml, so i wanna know where is the ajax, its "only" javascript. That was my questions, nice that you understood it.

I don't want criticize this addon, i only wanna know it.
Because i want collect information about Ajax for myself.
 
08.04.2009, 23:44 - LoRd - Moderator - 4520 Posts
you could call it 'AJA' cause it's asynchronous, no xml is needed...

If you see me laughing, you better have a backup!
 
08.04.2009, 23:49 - chris2603 - webSPELL lover - 1003 Posts
But html is an special rule form of xml and when its good coded so then its xhtml so you can call it Ajax ->
Asynchronous JavaScript and XHTML

zunge raus amüsiert

Wesbepell Addon Erstellung und Anpassungen (x)HTML Valide div/css Bei interesse PM mit ausführlicher Beschreibung und Preisvorstellung.
 
09.04.2009, 00:00 - warcry - Moderator - 1014 Posts
chris2603 wrote:
But html is an special rule form of xml and when its good coded so then its xhtml so you can call it Ajax ->
Asynchronous JavaScript and XHTML

zunge raus amüsiert

Either your english is really bad or you got it wrong.
Good xhtml != ajax, Ajax = Asynchronous JavaScript and XML northing else. Its almost a crime to not send a xml response zwinkern
 
09.04.2009, 00:05 - -no comment- - webSPELL newbie - 89 Posts
maybe i should stop this Offtopic discussion, but i wanna know it. lächeln If i should stop an admin should say it.

What is Asynchronous on this addon? It's a normal include wich would change trough an javascript code.
Maybe someone can say me what the fetch() function is doing. I googled about it, but nothing found.
 
09.04.2009, 00:18 - chris2603 - webSPELL lover - 1003 Posts
warcry schrieb:
chris2603 wrote:
But html is an special rule form of xml and when its good coded so then its xhtml so you can call it Ajax ->
Asynchronous JavaScript and XHTML

zunge raus amüsiert

Either your english is really bad or you got it wrong.
Good xhtml != ajax, Ajax = Asynchronous JavaScript and XML northing else. It almost a crime to not send a xml response zwinkern


-.-

oh man there was some irony!


Wesbepell Addon Erstellung und Anpassungen (x)HTML Valide div/css Bei interesse PM mit ausführlicher Beschreibung und Preisvorstellung.
 
09.04.2009, 01:43 - k3rmit - webSPELL god - 7824 Posts
-no comment- wrote:
maybe i should stop this Offtopic discussion, but i wanna know it. lächeln If i should stop an admin should say it.

What is Asynchronous on this addon? It's a normal include wich would change trough an javascript code.
Maybe someone can say me what the fetch() function is doing. I googled about it, but nothing found.

it is not a normal switchbox with just hidden layers or preloaded content saved in variables or a completely reloading page. it does dynamically fetch the data from the server via a javascript xmlhttprequest the moment you click on one of its controls.

about the asynchronous part, normally when you execute javascript all stuff is executed synchronous, which means one thing is executed, when it is fully done the next thing is executed, when this thing is done the next thing is executed... just one thing after another. when you work with asynchronous parts of js this normal behaviour is changed: you start to execute something (for example the fetch of the content of one of the sc_ includes), now other parts of the script do not wait till this fetch returned its result and the result is processed, instead the rest of the javascript code just continues to be executed. as soon as the readyState (there are 4 of them, just google for it) you wanna react to is reached, the other allready ongoing code execution takes a break and your ready state handler gets executed. this means code isnt executed one after another anymore as it is written in the script, but mixed up depending on the readyStates of your xmlhttprequest. it is not synchronous anymore and it is not predictable, when any readyState change occurs, cause this is depend on the network, execution time on server side, paket runtime, etc...
 
09.04.2009, 08:12 - Blackfade - webSPELL user - 369 Posts
Hey all lächeln I just added a swedish version of the addon (for the language switch)

http://data.fuskbugg.se/skalman01/--se.rar

[img]http://img38.imageshack.us/img38/7752/bfadesigws.jpg[/img]
 
09.04.2009, 08:36 - k3rmit - webSPELL god - 7824 Posts
thanks. added it to the download at http://k3rmit.org/index.php?site=files&file=21
 
09.04.2009, 10:04 - Blackfade - webSPELL user - 369 Posts
k3rmit wrote:
thanks. added it to the download at http://k3rmit.org/index.php?site=files&file=21


No problems lächeln Cool amüsiert

Let me know if there is anything else i need to translate lächeln (I'm not saying this only to k3rmit)

[img]http://img38.imageshack.us/img38/7752/bfadesigws.jpg[/img]
 
09.04.2009, 13:10 - k3rmit - webSPELL god - 7824 Posts
i might do some other stuff in the next nights when im bored again lächeln
 
09.04.2009, 13:12 - chris2603 - webSPELL lover - 1003 Posts
An Ajax main content switch would be nice amüsiert ^^

Wesbepell Addon Erstellung und Anpassungen (x)HTML Valide div/css Bei interesse PM mit ausführlicher Beschreibung und Preisvorstellung.
 
09.04.2009, 13:27 - DaGolem - webSPELL friend - 614 Posts
First of all nice work Kermit zwinkern

------------------------
chris2603 schrieb:
An Ajax main content switch would be nice amüsiert ^^

Yeah this would great, too amüsiert

www.DaGolem.de
 
09.04.2009, 16:54 - Paddel - webSPELL newbie - 52 Posts
chris2603 schrieb:
An Ajax main content switch would be nice amüsiert ^^

Well that would mean to make things with a new technology (AJAX) which was already possible 10 years ago with iframes (ouh the bad word, but still there are still some pros for iframes: back-button, cross-browser validity, ..).

http://www.cause-gaming.de http://www.hojoki.com
 
09.04.2009, 18:38 - k3rmit - webSPELL god - 7824 Posts
not a new technology at all lächeln ajax (or better the xmlhttprequest object) is also over 10 years old.
 
09.04.2009, 18:43 - chris2603 - webSPELL lover - 1003 Posts
Lol ? on Ajax is nothing new -.-

And Frames ? Where do you life ? Why should anyone do this whith frames ? Then can you use tables for Templates too but
this is not up to date to the web standard.

I think that would be more work to convert the php Engnie to a Frameset solution...

Ajax has no disadvantages, ok maybe the javascript but thats absolutly web standard and the back-button is given too with Ajax..
You musst code the function but it possible.

Somitimes are Frames usefull but not in a CMS-system that my opinion.
I dont want critisize you but i think Webspell should be developed whith the time.

Wesbepell Addon Erstellung und Anpassungen (x)HTML Valide div/css Bei interesse PM mit ausführlicher Beschreibung und Preisvorstellung.
 
09.04.2009, 18:44 - Paddel - webSPELL newbie - 52 Posts
k3rmit schrieb:
not a new technology at all lächeln ajax (or better the xmlhttprequest object) is also over 10 years old.

yea i originally wanted to write "new".. i should have done it lächeln
of course the technology does exist for a long time but it seems like most of the web developers started to use it only a few years ago.

http://www.cause-gaming.de http://www.hojoki.com
 
09.04.2009, 18:49 - chris2603 - webSPELL lover - 1003 Posts
Have a look on www.google.com they uses Ajax too, i think but i dont know since the release of the website

Wesbepell Addon Erstellung und Anpassungen (x)HTML Valide div/css Bei interesse PM mit ausführlicher Beschreibung und Preisvorstellung.
 
09.04.2009, 19:14 - IChaosI - webSPELL newbie - 7 Posts
Great job K3rmit!, but it does not seems to work for me unglücklich
I did everything the Readme.txt told me to. But the only thing wich changes is the text at my site.
Have a look: www.eagleclan.nl/test
As you can see all the text is kinda like upscaled, but i don't see any switchbox.

I hope anyone can help me with this issue, Thanks!

IChaosI


[URL=http://www.webspell-addons.nl][IMG]http://www.webspell-addons.nl/images/Webspell-Addons_Sig.jpg[/IMG][/URL] Alle Addons, Mods, Tutorials & Meer in het Nederlands & Engels!
 
09.04.2009, 19:20 - k3rmit - webSPELL god - 7824 Posts
you should choose a correct place for the include lächeln dont put it at the beginning of the index.php. place it instead of one of the other sc_ includes for example.
 
09.04.2009, 20:25 - IChaosI - webSPELL newbie - 7 Posts
Thanks for the quick response K3rmit!
It's working now amüsiert

PS: one question, how can i get it above my Search Box just like you have?

[URL=http://www.webspell-addons.nl][IMG]http://www.webspell-addons.nl/images/Webspell-Addons_Sig.jpg[/IMG][/URL] Alle Addons, Mods, Tutorials & Meer in het Nederlands & Engels!
 
09.04.2009, 20:49 - Manuel H. - - 100 Posts
Great Work k3rmit!
 
16.04.2009, 20:13 - iiNSick - webSPELL user - 195 Posts
i got a problem with this addons

when i created my first forum topics, the addon showed me the tiltle of the topic on this addons, since i created a second topics, it doesn't show me the title anymore, how could i change that?
 
17.04.2009, 00:12 - k3rmit - webSPELL god - 7824 Posts
link to the problem please.
 
17.04.2009, 11:11 - iiNSick - webSPELL user - 195 Posts
http://addons4webspell.eg2.fr/

here you got it at the left side of the site
 
22.05.2009, 09:42 - cycorps - webSPELL friend - 515 Posts
Well, I've got a question,too.

How can i chance the place of the switch-buttons and the style of the content?? I would like to have it like this again:
http://www.bilderkiste.org/show/original/7348a91c2905901217aeb26e8da3c7a9/switch_old.jpg

[b]icq.[/b] 384-632-177 [b]net.[/b] [url=http://www.mediadice.de]www.mediadice.de[/url] [b]mail.[/b] ben[at]mediadice.de
 
22.05.2009, 09:50 - eggzy - webSPELL friend - 674 Posts
cycorps wrote:
Well, I've got a question,too.

How can i chance the place of the switch-buttons and the style of the content?? I would like to have it like this again:
http://www.bilderkiste.org/show/original/7348a91c2905901217aeb26e8da3c7a9/switch_old.jpg


Use tabs

[b]www.kode-designs.com[/b] How much wood would a woodchuck chuck if a woodchuck could chuck wood?
 
22.05.2009, 10:39 - cycorps - webSPELL friend - 515 Posts
eggzy schrieb:

Use tabs


bit more detailed? I'm a noob zwinkern

actually it looks like this:
http://www.bilderkiste.org/show/original/594b11f9ef3b0e327f700cb18e06f52d/aktuell.jpg

[b]icq.[/b] 384-632-177 [b]net.[/b] [url=http://www.mediadice.de]www.mediadice.de[/url] [b]mail.[/b] ben[at]mediadice.de
 
31.05.2009, 13:49 - Argu - webSPELL friend - 618 Posts
Hi, is it possible, to change the "name" function without buttons, in a view with only links? No buttons when I use "names" - I need only the links.

[URL=http://www.2one-designs.de]2One-Designs.de - Free Templates, Webspell Coding, Addons und mehr![/URL]
 
31.05.2009, 13:56 - k3rmit - webSPELL god - 7824 Posts
sure, just change the names switchcase (in line 93) to your needs.
 
31.05.2009, 14:34 - Argu - webSPELL friend - 618 Posts
Tried to define a link, but I dont see anythink. Can you help me please?

[URL=http://www.2one-designs.de]2One-Designs.de - Free Templates, Webspell Coding, Addons und mehr![/URL]
 
31.05.2009, 14:43 - k3rmit - webSPELL god - 7824 Posts
haven't tested it, but this should work:

Code:
1.
$buttons.='<a href="#" onclick="fetch(\\'sc_switchbox.php?action=switch&target='.$key.'\\',\\'switchbox\\',\\'replace\\',\\'event\\');">'.$_switchboxlanguage->module[$boxes[$key][2]].'</a>';

 
31.05.2009, 14:48 - Argu - webSPELL friend - 618 Posts
Awesome man, thank you! It works perfect.

[URL=http://www.2one-designs.de]2One-Designs.de - Free Templates, Webspell Coding, Addons und mehr![/URL]
 
24.09.2009, 02:13 - wass4 - webSPELL newbie - 54 Posts
hi, there is any way to change the Names links to images?

[url=http://profile.xfire.com/fleatower][img]http://miniprofile.xfire.com/bg/co/type/3/fleatower.png[/img][/url]
 
09.10.2009, 13:28 - SpeedMan - webSPELL newbie - 8 Posts
Yes, I'm also interested to use images for buttons lächeln
 
09.10.2009, 17:41 - SpeedMan - webSPELL newbie - 8 Posts
After some hours figuring this out I managed to put images instead of names...

Code:
1.
2.
3.
4.
5.
6.
7.
case 'names':
      foreach($show AS $key){
                 $image= $boxes[$key][1];
                 $title= $boxes[$key][2];
                 $buttons.='<td border="0"><a title="'.$title.'" onclick="fetch(\'sc_switchbox.php?action=switch&target='.$key.'\',\'switchbox\',\'replace\',\'event\');">
                         <input type=image src="'.$image.'" width="50" height="16" border="0"></a></td>';
               }

Here is an example of the boxes array :
Code:
1.
$boxes[0]=array('sc_articles.php', 'pics/tabs/css_tab.jpg', 'CS:Source Scene News');


I'm not an expert in PHP (dunno it this is the best solution), but it does the job
Happy with it amüsiert
 
20.10.2009, 02:42 - SpeedMan - webSPELL newbie - 8 Posts
I've been playing with this mod a lot. I've pretty much managed to do with it what I wanted lächeln
One thing I can't do is make it autoswitch content.

I'll probably figure it out eventually but in some days.. tho there are some good coders here who could do it faster.. no ?
Any1 has any ideas how ? amüsiert

Thx
 
20.10.2009, 11:46 - k3rmit - webSPELL god - 7824 Posts
have a look at the ajax fetch functions in the js/bbcode.js, they also support time based actions. all is pretty well documented there.