Tyzoh.jp

<h2>ブックマーク登録</h2>
<form method="POST" action="/registbookmark"
        id="registbookmarkform" name="registbookmarkform">
<input type="button"
        id="bookmark_gettitle" name="bookmark_gettitle" value="タイトル取得">
<input type="reset"
        id="bookmark_reset" name="bookmark_reset" value="リセット">
<input type="submit"
        id="bookmark_submit" name="bookmark_submit" value="登録">
<table width="100%" border="0">
<tr><td>タイトル:</td>
        <td>
        <input type="text" size="40"
        id="bookmark_title" name="bookmark_title" value="no title"></td>
        </tr>
<tr><td>URL:</td>
        <td>
        <input type="text" size="40"
            id="bookmark_url" name="bookmark_url" value=""></td>
        </tr>
<tr><td>タグ:</td>
        <td>
        <input type="text" size="40"
            id="bookmark_tags" name="bookmark_tags" value=""></td>
        </tr>
<tr><td>コメント:</td>
        <td>
        <input type="text" size="40"
            id="bookmark_comment" name="bookmark_comment" value=""></td>
        </tr>
</table>
</form>

var httpObject;
var timer_id;
var timeout_sec = 10;

function checkTimeout(){
        if( --timeout_sec <= 0 ){
                clearInterval( timer_id );
                httpObject.abort();
                alert( 'Timeout' );
                return false;
        }
}

function requestTitle( url, func ){
        httpObject = _XMLHttpRequest();
        if( ! httpObject ){
                alert('お使いのブラウザには対応していません．');
                return false;
        }
        timer_id = setInterval( 'checkTimeout()', 1000 );
        httpObject.open( 'GET', '/gettitle?bookmark_title=' + url, true );
        httpObject.onreadystatechange = function () {
                if( httpObject.readyState == 4 ){
                        clearInterval( timer_id );
                        if( httpObject.status == 200 ){
                                func( httpObject.responseText );
                        }else{
                                alert( httpObject.readyState + ':' 
                                    + httpObject.status + ':' 
                                    + httpObject.statusText );
                                return false;
                        }
                }
        }
        httpObject.send('');
}

function getTitle( url ){
        if( url == "" ){
                return;
        }
        var funcRef = function ( title ) {
                var newtitle = title;
                if( newtitle == '__no_title__' ){
                        newtitle = 'no title';
                }
                _getElementById('bookmark_title').value = newtitle;
        }
        requestTitle( url, funcRef );
}

document.registbookmarkform.bookmark_gettitle.onclick = function(){
        var url = document.registbookmarkform.bookmark_url.value;
        if( url == "" ){
                alert( 'URL を入力してください．' );
                return false;
        }
        getTitle( url );
}

sub _gettitle : Private {
    my $url = shift;
    my $title = ''; 

    if( my $content = LWP::Simple::get( $url ) ){
        my ( $tmpt ) = $content =~ m{<title>([^<]*)</title>}i;
        $title = Jcode::jcode($tmpt)->utf8;
    }
    return $title;
}

sub gettitle : Path('/gettitle') {
    my ( $self, $c ) = @_; 
    my $url = $c->req->param('bookmark_title');
    my $title = ''; 

    if( $title = _getBookmarkTitle( $c, $url ) ){
        $c->log->debug('*** already url exists ');
        $c->res->body( $title );
        return 1;
    }   

    $title = _gettitle( $url );

    if( $title eq '' ){
        $title = '__no_title__';
    }
    $c->res->body( $title );
}