Oprettet søn. d. 14. marts 2010 kl. 11:37:05

silmarillion
silmarillion (5.820 point. Point ude: 300)

Repeat region/javascript

Hej Eksperter,

Jeg har lidt problemer med at få dette script til at virke korrekt.

Jeg har en repeat region, der virker korrekt, men når jeg tilføjer en div og et javascript der gennerere et læs mere link, så viser den samme tekst i stedet for den individuelle tekst.

    <?php do { ?>
      <table width="585" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><h4> </h4>
            <h4>
            <?php echo $row_rsresultat['titel']; ?> </h4></td>
          </tr>
        <tr>
          <td>
          <div class="myContent">
          <?php echo $row_rsresultat['tekst']; ?>
          </div>

          </td>
          </tr>
      </table>
      <?php } while ($row_rsresultat = mysql_fetch_assoc($rsresultat)); ?>
 
  <script type="text/javascript">
    $('.myContent').moreLess();
</script>

Det der også er lidt mystisk er, at når jeg kigger i kilde koden, så er det den korrekte tekst der står!

I IE vises det korrekt, hvor teksten er kollapset, men med den samme tekst.

I Firefox, Safari og Chrome vises hele teksten (Dog ikke den korrekte tekst) efterfulgt af ... ... læs mere, teksten er altså ikke kollapset

Er der nogen forslag til hvad jeg gør galt?

Jeg vil gerne have vist den korrekte tekst, og have teksten vist kollapset som udgangspunkt

På forhånd tak for hjælpen

Skrevet søn. d. 14. marts 2010 kl. 22:27:28| #1

intenz
intenz (43.900 point)
underenplov.dk
Vis os koden til din 'moreLess' funktion

Skrevet søn. d. 14. marts 2010 kl. 23:11:21| #2

silmarillion
silmarillion (5.820 point)
Koden ersom følger, håber det hjælper:

jQuery.fn.moreLess = function(options) {
    var textID = this;
    var opts = $.extend({}, $.fn.moreLess.defaults, options);
    if ($(textID).text().length < opts.minimumTextLength)
        return $(this);

    if (!opts.startExpanded)
        InsertSpan(true, $(textID));
    InsertControls();

    $("span.moreLessControls").click(ControlClick);
    return $(this);
    function ControlClick() {
        var content = $(this).prev('.moreLessContent');
        var collapsed = content.length > 0;
        if (collapsed && content[0].style.display == 'none') {
            content.slideDown(opts.speed, function() {
                $(this).before(content.html()).remove();
                if (typeof opts.callback == 'function') {
                    opts.callback.call();
                }
            });
            ToggleControls(collapsed, $(this));
        }
        else {
            var parent = $(this).parent();
            $(this).remove();
            InsertSpan(false, parent);
            parent.append($(this));
            ToggleControls(collapsed, $(this));
            $(this).prev('.moreLessContent').slideUp(opts.speed, function() {
                if (typeof opts.callback == 'function') {
                    opts.callback.call();
                }
            });
            $(this).click(ControlClick);
        }
    }
    function ToggleControls(collapsed, control) {
        control.html(collapsed ? opts.expandedText : opts.collapsedText);
    }
    function InsertSpan(collapsed, control) {
        var index = opts.truncateIndex;
        var text = control.text();
        var html = control.html();
        if (opts.truncateChar != null) {
            index = control.text().indexOf(opts.truncateChar, index);
            if (index < 0 || index > opts.maximumTruncateIndex)
                index = opts.truncateIndex;

        }
        control.html(html.substring(0, index) + "<span class='moreLessContent' " + (collapsed ? "style='display:none;'" : "") + ">" + html.substring(index, html.length) + "</span>");

    };
    function InsertControls(expanded) {
        $(textID).append("<span class='moreLessControls'>" + (opts.startExpanded ? opts.expandedText : opts.collapsedText) + "</span>");
    }
};

// Default Options
$.fn.moreLess.defaults = {
startExpanded: false,
collapsedText: '... <span class="moreLessControl">... Læs mere</span>',
expandedText: ' <span class="moreLessControl">... Vis mindre</span>',
truncateIndex: 150,
maximumTruncateIndex: 200,
truncateChar: ' ',
minimumTextLength: 300,
speed: 'fast',
callback: null
};

Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   

   

Seneste spørgsmål

Tabindex!

Oprettet den 11. februar 2012 kl. 11.37
thomasfricke giver 30 point for svar | Giv et svar »

skal frem brugernavn ned og sige om den har eller ej

Oprettet den 11. februar 2012 kl. 02.44
tobrukDk giver 20 point for svar | Giv et svar »

Muligvis script-konfllikt i jquery. Min slider vises...

Oprettet den 9. februar 2012 kl. 23.00
Peterjakobsen giver 30 point for svar | Giv et svar »

Seneste guides

Installer win 7
Den gode bruger


   




Tips & Tricks fra PC World

Teaser billede

Her er fem sjove danske websider du skal kende

Trænger dine lattermuskler til en omgang fitness på dansk? Vi viser vej til fem websider fyldt med humor og vanvittig satire.


Anmeldelser fra PC World

Teaser billede

Test: Denne super-tablet er iPads hårdeste konkurrent

Eee Pad Transformer Prime er frygtindgydende med sin quadcore processor og evne til at trylle sig om til bærbar. Apple bør kigge i bagspejlet, for Asus' tablet-pc kommer buldrende - og gør det...


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Nu kan du snart hente Windows 8

Den nye offentlige betaversion af Windows 8 er klar i denne måned.


Nyheder fra Computerworld

Teaser billede

Måske snart slut med Androids helt store problem

Android-platformen har længe været plaget af et særligt problem. Men måske er problemet nu ved at være elimineret.


Kurser
Samarbejdspartnere

Udgiver · © 2012 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger