Topic: One click select

This little piece of code will allow you to select the entire links by only clicking once on it.

onclick="this.focus();this.select();"

example in INDEX.PHP find

<div class="ctninput">
                <div class="codex">Full image:</div>
                <div class="inputshare"><input tabindex="2" value="[img]<?=$URLimg?>[/img] /></div>
            </div>
            <div class="ctninput">
                <div class="codex">Thumbnail image:</div>
                <div class="inputshare"><input tabindex="2" value="[img]<?=$URLthm?>[/img] /></div>
            </div>

replace with:

<div class="ctninput">
                <div class="codex">Full image:</div>
                <div class="inputshare"><input tabindex="2" value="[img]<?=$URLimg?>[/img]" onclick="this.focus();this.select();" /></div>
            </div>
            <div class="ctninput">
                <div class="codex">Thumbnail image:</div>
                <div class="inputshare"><input tabindex="2" value="[img]<?=$URLthm?>[/img]" onclick="this.focus();this.select();" /></div>
            </div>

Thumbs up

Re: One click select

thank's you so much!

Thumbs up

Re: One click select

Moved to "extend". Thank you.

rodolfoberrios.com | PLEASE use Tech Support forums to ask for support!

Re: One click select

Thanks, helped me wink

Thumbs up

Re: One click select

It's not working at all for me. This is what i ended up with: (i added the code to the other text fields too)

        <div id="mostrar_mas_enlaceview">
            <h2 id="mev"><?=SHARE_THUMB_VIEWER;?></h2>
            <div class="ctninput">
                <div class="codex">HTML Thumbnail:</div><div class="inputshare">
                <input id="C1" tabindex="1" value="&lt;a href=&quot;<?=$URLvim?>&quot;&gt;&lt;img src=&quot;<?=$URLthm?>&quot; border=&quot;0&quot;&gt;&lt;/a&gt;" onclick="this.focus();this.select();" />
                </div>
            </div>
            <div class="ctninput">
                <div class="codex">Forum Thumbnail:</div><div class="inputshare">
                <input id="C2" tabindex="2" value="[url=<?=$URLvim?>][img]<?=$URLthm?>[/img][/url]" onclick="this.focus();this.select();" />
                </div>
            </div>
        </div>
        
        <div id="mostrar_directa">
            <h2 id="md">Direct Links</h2><!---lalala --->
            <div class="ctninput">
                <div class="codex"><a href="<?=$URLvim?>" target="_blank"><?=SHARE_VIEWER;?>:</a></div>
                <div class="inputshare"><input id="C3" tabindex="3" value="<?=$URLvim?>" onclick="this.focus();this.select();" /></div>
            </div>
            <div class="ctninput">
                <div class="codex">Forum:</div>
                <div class="inputshare"><input id="C4" tabindex="4" value="[img]<?=$URLimg?>[/img]" onclick="this.focus();this.select();" /></div>
            </div>
            <div class="ctninput">
                <div class="codex"><a href="<?=$URLimg?>" target="_blank">URL:</a></div>
                <div class="inputshare"><input id="C5" tabindex="5"value="<?=$URLimg?>" onclick="this.focus();this.select();" /></div>
            </div>
            <? if (isset($TinyURL) && !empty($TinyURL)) { ?>
            <div class="ctninput">
                <div class="codex"><a href="<?=$TinyURL?>" target="_blank">TinyURL:</a></div>
                <div class="inputshare"><input id="tinyurl" tabindex="6" value="<?=$TinyURL?>" onclick="this.focus();this.select();" /></div>
            </div>
            <? } ?>
        </div>

Look for yourself:
http://blubbz.com/host/?v=1231895813832.jpg

I've checked with both IE, FF and Chrome.

Can anybody see what i'm doing wrong?

Last edited by najkiie (2009-04-19 07:19:03)

Thumbs up

Re: One click select

just what i need smile..

thanks .

Thumbs up

Re: One click select

Thanks, this worked perfect for me also.

Thumbs up