Súťaž o LEGO® duplo®

Užívateľ

Spravil som co mi kazali okrem tohto: "That’s simple, huh. Okay now lets write the Search code:"
->nechal som na stranke: <a href="#" id="clickOnMe">Bratislavsky kraj</a>
<div id="rollDown">Lorem ipsum dolor set amit ....</div>

ale stale sa mi najprv zobrazi text, a kazi to design celej stranky...

Užívateľ

Ale ty úplne strácaš pointu proste.

kód:

Kde tam máš "clickOnMe" a "rollDown" ? Pokiaľ si si to neupravil podľa toho ako to ten kód káže, nepobeží ti to. A hlavne, načo si tam potom nechal ten starý skript ???

Užívateľ

zadal som toto:

kód:

<?php wp_enqueue_script('jquery'); ?>

pred

kód:

<?php echo get_theme_option("head") . "\n"; wp_head(); ?>

->ako pisali

kód:

-> som dal pred </head > ako pisali, no clickOnMe" a "rollDown" tam neviem dodat

kód:

<h2><a href="#" id="slick-slidetoggle">Google Search</a></h2>
<div id="toggle-search" style="padding:10px;">
<form method="get" id="search" action="<?php bloginfo('home'); ?>/">
<div>
<input type="text" value="Enter Keyword" onclick="this.value='';" name="s" id="s" />
<input type="text" name="search-button" id="search-button" value="<?php _e('Search') ?>" />
</div>
</form>
</div>

-> teraz som to pouzil, vyzera to, ze by to teoreticky fungovalo, ale bocne listy sa celkovo premiestnili(kazi to design...) http://bratislava-mesto.eu/urady
Ako nato?

Užívateľ

Úplne zruš

kód:

<h2><a href="#" id="slick-slidetoggle">Google Search</a></h2>
<div id="toggle-search" style="padding:10px;">
<form method="get" id="search" action="<?php bloginfo('home'); ?>/">
<div>
<input type="text" value="Enter Keyword" onclick="this.value='';" name="s" id="s" />
<input type="text" name="search-button" id="search-button" value="<?php _e('Search') ?>" />
</div>
</form>
</div>

Nadpisu daj

kód:

,a div ktorý chces schovávať nazvi

kód:

, a ukonči

kód:

</div>

Užívateľ

uz to ide,(nekazi to design)
ALE
stale je tam na zaciatku (1sekunda) zobrazeny ten skryty text

kód:

<a href="#" id="slick-slidetoggle">Bratislavsky kraj</a>
<div id="toggle-search">
sasasasa
</div>

Užívateľ

Je zobrazený len pri refreshi, čo je normálne. Choď na hlavnú stránku a klikni na úrady, žiadna sekudna sa tam nezobrazuje.

Užívateľ

mne sa tam zobrazuje (na sekundu) ten skryty text aj ked idem cez hlavnu stranku...

Užívateľ

Tak potom máš asi pomalý net alebo čo. Proste mne sa nezobrazuje, a ta chvíľa kým sa js aplikuje a načíta tam proste je.

Užívateľ

ak by som dal ten script hned za <head profile="http://gmpg.org/xfn/11">
namiesto pred </head> (ako je teraz), urychlilo by sa to?
net mam:
rýchlosť sťahovania:
40 Mbit/s
rýchlosť odosielania:
4 Mbit/s

a ako pokracovat v kode, ked chcem pridat viacej poloziek?

kód:

<a href="#" id="slick-slidetoggle">Bratislavsky kraj</a>
<div id="toggle-search">
sasasasa
</div>

// pridané po 19 hodinách 39 minútach od posledného príspevku

OK, uz som na to prisiel.
Takze pre niekoho, kto si to chce tiez spravit:

kód:

<?php wp_enqueue_script('jquery'); ?>
<?php echo get_theme_option("head") . "\n"; wp_head(); ?>
<script type="text/javascript">
jQuery(document).ready(function() {

// toggles the slickbox on clicking the noted link
jQuery('.slick-slidetoggle').click(function(e) {
e.preventDefault();
jQuery(this).parent().children('.toggle-search').slideToggle(0.0000000000001);
});
});
</script>

-> vlozit pred </head> v header.php

kód:

->vlozit do header.php -> toto zamedzi tomu, ze pri spusteny stranky sa nezobrazi(ani na sekundu) ukryty text

kód:

<div>
<a href="#" class="slick-slidetoggle">When I click here</a>
<div class="toggle-search">
This will shows
</div>
</div>

<div>
<a href="#" class="slick-slidetoggle">When I click here</a>
<div class="toggle-search">
This will shows
</div>
</div>

...
->vlozte do vasej stranky...

Súťaž o LEGO® duplo®

Spoločnosti Online s.r.o.

Všetko za 9,90€

Zaregistruj sa!

Detské drevené zábrany

Zoznam s presmerovanim na kontakt (WORDPRESS)

SEO - optimalizácia pre vyhľadávače

Freebsd