[Javascript] URL aanpassen die JS laat zien

[Jamaicaman]

Ik zet met een probleemje sinds een dag of 2 tijdens het wijzigen van wat code voor mijn website.
Ik heb een uploadscript die ik zodanig wil aanpassen zodat wanneer iemand een bestand upload dat automatisch de HTML en BB code wordt weergegeven, dit gaat allemaal perfect.

code:

function showHTMLCode ( )
{
    var html = '';
    var container = getObj ( 'view_contents' );
    if ( !container ) throw 'Could not find view_contents';
    html = '<p style="margin:5px;"><textarea cols="130" rows="25" style="padding:5px;">';
    for ( var i = 0; i < files.length; ++i )
    {
        file=files[i];
        html += '<a href="' + file['url'] + '">\r\n   ' + ( file['hasthumb'] ? '<img src="' + file['thumb_url'] + '" alt="'+file['name']+'" />': file['name'] ) + '\r\n</a>' + "\r\n";
    }
    html += '</textarea></p>';
    container.innerHTML = html;
    setCookie( 'uploader_view_mode', 'htmlcode' )
}

Dit word er dan weergegeven:

code:

<a href="http://backupphoto.com/public/pview/8/310_chuckles_cozie.jpg">
   <img src="http://backupphoto.com/public/thumb_47989e3682e60255651979.jpg" alt="310_chuckles_cozie.jpg" />
</a>

Nu is de link in dat script met .htaccess veranderd van "http://backupphoto.com/public/47989e3682e60255651979.jpg" naar "http://backupphoto.com/public/pview/8/310_chuckles_cozie.jpg" omdat je dan een pagina krijgt mét foto erop zodra je op de thumbnail (thumb_47989e3682e60255651979.jpg) klikt.

Ik zou graag willen dat "thumb_" eraf word gehaald zodat ik de full foto krijg zonder pagina eromheen.
Daarom heb ik dus een gedeelte JS aan gepast:

code:

function showDIRECTCode ( )
{
    var html = '';
    var container = getObj ( 'view_contents' );
    if ( !container ) throw 'Could not find view_contents';
    html = '<p style="margin:5px;"><textarea cols="130" rows="25" style="padding:5px;">';
    for ( var i = 0; i < files.length; ++i )
    {
        file=files[i];
        html += file['url'] + '\r\n' + file['thumb_url'];
    }
    html += '</textarea></p>';
    container.innerHTML = html;
    setCookie( 'uploader_view_mode', 'directcode' )
}

die dit weergeeft:

code:

http://backupphoto.com/public/pview/8/310_chuckles_cozie.jpg
http://backupphoto.com/public/thumb_47989e3682e60255651979.jpg

is het mogelijk dat ik dit doe:

code:

html += file['thumb_url'] + '\r\n' + file['thumb_url'];

en dan bij de eerste "file['thumb_url']" de "thumb_" laten verdwijnen zodat ik dit overhoud:
http://backupphoto.com/public/47989e3682e60255651979.jpg

Ik kan hier verder niets over vinden op google, ik ben al 2 dagen aan het knooien maar wil niet echt, misschien heeft iemand een hint?

[Alex)]

Kijk eens naar http://www.tizag.com/java...script-string-replace.php

Vervang thumb_ door "" en je bent al klaar geloof ik. Sla het dan wel even in een aparte string op, als je de thumb-url wil behouden

[Jamaicaman]

Alex) schreef op donderdag 24 januari 2008 @ 16:37:
Kijk eens naar http://www.tizag.com/java...script-string-replace.php

Vervang thumb_ door "" en je bent al klaar geloof ik. Sla het dan wel even in een aparte string op, als je de thumb-url wil behouden

Vaag, werkt gewoon niet

code:

function showDIRECTCode ( )
{
    var html = '';
    var container = getObj ( 'view_contents' );
    if ( !container ) throw 'Could not find view_contents';
    html = '<p style="margin:5px;"><textarea cols="130" rows="25" style="padding:5px;">';
    for ( var i = 0; i < files.length; ++i )
    
    var one = "";
    var two = "file['thumb_url']";
    var three = two.replace(/thumb_/g, one);
    {
        file=files[i];
        html += three + '\r\n' + file['thumb_url'];
    }
    
    html += '</textarea></p>';
    container.innerHTML = html;
    setCookie( 'uploader_view_mode', 'directcode' )
}

dit krijg ik:

code:

undefined

[orf]

waarom gebruik je quotes rond je variabele?

JavaScript:

var two = "file['thumb_url']";

dat moet je niet doen

[Jamaicaman]

Je hebt gelijk, erg dom en ik had nog een fout, de 3 vars had ik in het html gebied, nu is het zo:

code:

function showDIRECTCode ( )
{
    var html = '';
    var container = getObj ( 'view_contents' );
    if ( !container ) throw 'Could not find view_contents';
    var one = "";
    var two = file['thumb_url'];
    var three = two.replace(/thumb_/g, one);
    html = '<p style="margin:5px;"><textarea cols="130" rows="25" style="padding:5px;">';
    for ( var i = 0; i < files.length; ++i )
   {
        file=files[i];
        html += three + '\r\n' + file['thumb_url'];
    }
    html += '</textarea></p>';
    container.innerHTML = html;
    setCookie( 'uploader_view_mode', 'directcode' )
}

en de output:

code:

http://backupphoto.com/public/47989e3682e60255651979.jpg
http://backupphoto.com/public/thumb_47989e3682e60255651979.jpg

Perfect!