Login

nickname · 02-07-2012, 03:14 PM

As dori un tutorial despre cum se poate crea un spoiler in html, asa cum la unele situri se scrie cu [spoiler=NumeSpoiler]Continut spoiler[/spoiler], am gasit pe net ca un tabel poate fi transformat in spoiler, dar nam reusit "transformarea", asa ca din nou apelez la voi. Multumesc anticipat!

***Admin*** · 02-07-2012, 03:49 PM

Detaliaza mai in amanunt ce vrei sa faci ...

nickname · 02-07-2012, 08:07 PM

Un spoiler il pot descrie asfel: cind se descarca pagina este o bara in care scrie, daca folosesti [spoiler=NumeSpoiler]Continut spoiler[/spoiler], atunci va fi NumeSpoiler(apasa aici) si atit; faci click pe bara de mai sus si se deschide spoilerul, adica sub bara apare intrun fel textul ascuns, sau imaginile, in cazul nostru "Continut spoiler". o sa adaug imagini, asteptati.

***Admin*** · 02-08-2012, 01:09 PM

Din ce am inteles ai nevoie ca un anumit continut sa apara la clickul unui link, daca explicai mai bine poate te ajutam mai detaliat insa pentru a arata continut la clickul unui link foloseste-te de urmatorul cod:

PHP Code:

<html>
<head>
<style>
#hide{
display:none;
}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#click").click(function () {
    $("#hide").css('display', 'block !important');
    });
});

</script>
</head>
<body>
<a href="#" id="click">Link ce declanseaza</a>
<div id="hide">Continut ascuns, fie text, fie imagini</div>
</body>
</html> 

nickname · 02-10-2012, 08:40 PM

Si apropo, un spoiler nu doar se deschide, dar se incide inapoi la clicurile pare, de ex. primul - deschide , al doilea - inchide , al treilea - deschide, al patrulea - inchide samd.
Si inca un apropo, daca faceti ca linckul din scriptul de mai sus sa si inchida inapoi, as fi multumit si de el.
ca saintelegeti maibine intrati pe http://nyromodal.nyrodev.com/? si faceti click pe orice link Show code de mai multe ori si o sa intelegeti efectul.

***Admin*** · 02-10-2012, 09:19 PM

Incearca sa scri ceva mai corect pe viitor, cat despre 'spoiler' -ul asta foloseste urmatorul cod:

PHP Code:

<html>
<head>
<style>
#hide{
display:none;
}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var hide = 1;
$("#click").click(function () {
    if(hide == 1)
    {
    $("#hide").css('display', 'block !important');
    hide = 0;
    }
    else
    {
    $("#hide").css('display', 'none');
    hide = 1;
    }
    });
});

</script>
</head>
<body>
<a href="#" id="click">Link ce declanseaza</a>
<div id="hide">Continut ascuns, fie text, fie imagini</div>
</body>
</html> 

nickname · 02-11-2012, 07:02 PM

Ms Admin.

nickname · (This post was last modified: 03-17-2012, 12:54 PM by nickname.)

Imi poate tranforma cineva in tabel acest spoiler.

Code:

<style type="text/css">

body,input

    {

    font-family:"Trebuchet ms",arial;font-size:0.9em;

    color:#222;

    }

.spoiler

    {

    border:1px solid #cccccc;

    padding:3px;

    }

.spoiler .inner

    {

    border:1px solid #cccccc;

    padding:3px;margin:3px;

    }

    </style>

    <script type="text/javascript">

function showSpoiler(obj)

    {

    var inner = obj.parentNode.getElementsByTagName("div")[0];

    if (inner.style.display == "none")

        inner.style.display = "";

    else

        inner.style.display = "none";

    }

    </script>

<div class="spoiler" style="background-color:#eeeeee">

    <input type="button" style="width: 100%" onclick="showSpoiler(this);" value="NumeSpoiler(Arata/Ascunde)" />

    <div class="inner" style="display:none;">

    Text ascuns.

    </div>

</div>

Ma refer la faptul, daca ati testat codul html, textul "NumeSpoiler(Arata/Ascunde)" sa se afle intro casuta de tabel <th><td></td></th>. daca, daca ma intelegeti.

Login
Username:
Password:	Lost Password?
	Remember me

Possibly Related Threads...
Thread		Author	Replies	Views	Last Post
	coduri html efecte text	Admin	1	15,615	02-02-2009, 10:06 AM Last Post: florin.florin