How to make an Auto changing text with link via html??

**myincome2020** · 12th Oct 2012, 09:39 PM

How to make an Auto changing text with link via html??

I need to know what code i must use to make a TEXT with links changing by timer or even by page reload so each time the user move from page to page the text changes.

the text will be with links to another pages on same site or even to outside from it it looks like this:

free games ( as first text for exa )
hot offers ( as second text for exa)
... and so on

so the user will see more than one text while he reading or looking at my site

Thanks

myincome2020 Reviewed by myincome2020 on 12th Oct 2012. How to make an Auto changing text with link via html?? How to make an Auto changing text with link via html?? I need to know what code i must use to make a TEXT with links changing by timer or even by page reload so each time the user move from page to page the text changes. the text will be with links to another pages on same site or even to outside from it it looks like this: free games ( as first text for exa ) hot offers ( as second text for exa) ... and so on Rating: 5

**soft2050** · 13th Oct 2012, 04:51 AM

Example through PHP:

PHP Code:


<?php

$text = array(
'My first text',
'rotating',
'on each page reload',
'......',
'so on.');
 
$randomIndex = rand(0, count($text) - 1);
echo "$text[$randomIndex]";

?>

**myincome2020** · 13th Oct 2012, 06:13 AM

Thanks Bro for help

But what about link for each text?
what about timer option?
some details about this code what i can change or use inside it?

thanks so much

**Halcyon** · 13th Oct 2012, 07:02 AM

PHP Code:


<?php

$text = array(
'My first text' => 'http://mylink1/', 
'rotating' => 'http://mylink2/', 
'on each page reload' => 'http://mylink3/'
);

$random = array_rand($text); 
echo "<a href=\"$random\">$text[$random]</a>";

?>

That'll take care of your link for each text. There are endless possibilities, you could use a database instead of the pre-defined array.

As far as timer is concerned, check out jQuery based link rotators - I guess that's what you're looking for.

**myincome2020** · 13th Oct 2012, 08:26 AM

Thanks so much for help
so for timer i need to use another code than html or php?!
can u help me in one please?

best regards

**mRAza** · 13th Oct 2012, 03:16 PM

demo: http://jsfiddle.net/3p87Z/

PHP Code:


<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Change Text</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        // this shit done by mRAza
        // setting current element
        var current = 0;
        // starting interval for 2 seconds
        setInterval(changeText, 2000);
        
        function changeText(){
        // links array with text to tdisplay
        var links =  [      
                            {"text" : "google site",  "link" : 'http://google.com' },
                            {"text" : "yahoo web",  "link" : 'http://yahoo.com'},
                            {"text" : "KWWHunction ftw",  "link" : 'http://besthostingforums.com'}
                    ]
                // lets check if total arrays are reached so we start from first element    
                if(links.length == current){
                    current = 0;
                }
                // change the text
                setTimeout(function() {
                    $("#demo").text(links[current]['text']).attr('href', links[current]['link']);
                    current++;
                 }, 1900);
        }
    });
    </script>
  </head>
 <body>
    <div><a  id="demo" href="http://google.com">google</a></div>
 </body>
 
 </html>

**myincome2020** · 13th Oct 2012, 03:28 PM

Thanks Bro for your help and thanks for all who share the ideas here

this is what i want

Best Regards

**mRAza** · 13th Oct 2012, 03:30 PM

yes but remember next time I might not help you if I dont see any code from your side, First always try to do it and when you cant do it yourself then post thread with your code....that's way you will learn....goodluck

**myincome2020** · 13th Oct 2012, 03:41 PM

Thanks I will do for sure

Best Wishes for All

**myincome2020** · 23rd Oct 2012, 07:57 PM

i try to put this code with my wanted links on Joomla html modul but it does not work only show first text and not change by itself

anything i have to make?
thanks

How to make an Auto changing text with link via html??

Thread Tools

Display

How to make an Auto changing text with link via html??

Sponsored Links

Thread Information

Users Browsing this Thread

Similar Threads

Make new page ( auto ) HTML

Help changing text on the image

[Selling] Wautoposter VPS Auto Download Auto Upload Post On Wordpress make 30 to 100 post daily

Changing post text size

[HTML] Text Formatting

Tags for this Thread

Posting Permissions

themaCreator - create posts from...

themaCreator - create posts from...

themaPoster - post to forums and...

themaCreator - create posts from...

themaManager - edit and manage...