Scriptacolous.. behöver lite hjälp

Althalos · 2008-07-01, 23:50

Hej!
Jag håller på med en hemsida som skall ha tre olika sidor. Jag har länkar i toppen, när man klickar på en länk vill jag att texten skall slidas upp och sedan slidas det ner en ny text från den nya sidan. Jag använder Ajax-ramverket Scriptacolous för detta då de verkar ha de funktioner som jag vill ha. Jag har en PHP-fil som spottar ut olika värden beroende på vilket värde P man stoppar in, alltså vilken sida.

Skriver jag såhär så byts texten ut: new Ajax.Updater('content', 'page.php?p=2007'); return false;

Däremot skriver jag såhär:
Effect.SlideUp('content');
new Ajax.Updater('content', 'page.php?p=2007');
Effect.SlideDown('content');
return false;

Händer INGENTING. Om jag däremot använder bara en effekt, t. ex. skriver Effect.SlideUp('content'); så fungerar det. Hur är det meningen att man skall göra denna serie av effekter egentligen?

Jag har inte hittat något bra exempel eller någon bra dokumentation som tar upp problemet så jag har nästa givit upp.. är det någon som vet ett annat Ajax-ramverk med vilken jag kan få den effekt jag vill ha?

Tackar,
Calle

hnn · 2008-07-02, 08:14

Undermålig dokumentation tror jag inte.
Däremot, så förväntas 'content' vara ett objekt, typ $('content').

Kod:

function ChangePage(pageNumber)
{
new Effect.SlideUp($('Content'));
new Ajax.Updater($('Content'), 'page.php?p=' + pageNumber);
new Effect.SlideDown($('Content'));
return false;
}

Sen, Effect.SlideUp och Effect.SlideDown kommer ifrån Script.Aculo.Us, medans Ajax.Updater kommer från Prototype.

#Edit 1. Med reservation för att koden inte funkar
#Edit 2, Lade till länkar

Althalos · 2008-07-02, 08:50

Den funktionen fungerade inte riktigt... finns det något ställe där jag kan läsa mer om objektgrejen? Hade inte tidigare läst om att alla förväntades vara objekt, kanske ligger svaret däri. 'content' är ID:t på divven. Jag bifogar kod.

Citat:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Terrvik Trophy™</title>
<script src="javascripts/prototype.js" type="text/javascript"></script>
<script src="javascripts/scriptaculous.js" type="text/javascript"></script>
<script type="text/javascript">
function ChangePage(pageNumber)
{
new Effect.SlideUp($('Content'));
new Ajax.Updater($('Content'), 'page.php?p=' + pageNumber);
new Effect.SlideDown($('Content'));
return false;
}
</script>
</head>
<body>
<div class="content">
[img]terrviklogga.jpg[/img]
<h1>Terrvik Trophy™</h1>
<h3>
2006
2007
2008
</h3>
<div id="content">
starttext...
</div>

Jonas · 2008-07-02, 13:24

Fel

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

Scriptacolous.. behöver lite hjälp