[html, css, js] voor dummies #22

donderdag 1 maart 2012 @ 16:42:52 #276

Mirel

Mirel wil een bongophone.

API 3. even zoomlevel weghalen.

edit: zoom teruggezet, want ik zag alleen een grijs vlak. Maar ik weet niet of het aan de zoom ligt. Die is nooit veranderd geweest en de ene keer zag ik wel alles en de andere keer niet.

Ik zie nu trouwens dat de API key nergens in de code te vinden is. Die had ik alleen nodig in de eerst stap om de coordinaten te achterhalen. (al kon ik die ook via de standaard iframe embed functie terugvinden maar ja, ik snap niet zo goed waarom dat allemaal moet

)

When all else fails, you always have delusion.

donderdag 1 maart 2012 @ 16:47:08 #277

Catch22-

Ben je Blind?!

http://jsfiddle.net/zCDSp/1/

die doet het gewoon. zelfs in ie7. Ik heb alleen een klein stukje code toegevoegd (in de $(document).ready de initialize functie aanroepen)

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

donderdag 1 maart 2012 @ 16:52:15 #278

Mirel

Mirel wil een bongophone.

Nog steeds niet. Dat hele stuk wat tevoorschijnt komt zit in een php bestand, kan daaraan liggen: http://pastebin.com/cFps8ErC Dat onload stukje in de div heb ik er pas bijgezet toen ik het bij jou zag.

Zo ziet de body tag eruit:

1	<body <?php body_class(); ?> onload="initialize()">

Maar waarom de nieuwe regel met de gewone initialize nog eronder?

[ Bericht 28% gewijzigd door Mirel op 01-03-2012 16:59:04 ]

When all else fails, you always have delusion.

donderdag 1 maart 2012 @ 17:01:48 #279

Catch22-

Ben je Blind?!

omdat je 1 keer de functie declareert en je hem ook nog aanroept.

Dus je zegt met

1	$(document).ready(function() { initialize(); });

Als je klaar bent met laden, voer dan de functie initialize uit. en met

1
2
3

function initialize() {
//blablab
}

Ik vind het handiger om zulke definitie in je JS blok te zetten ipv inline in je html.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

donderdag 1 maart 2012 @ 17:09:16 #280

Mirel

Mirel wil een bongophone.

Maar goed, het werkt niet. Ik heb ook even de thememaker en de tutorialmaker gevraagd of ze kunnen helpen

Het moet aan de theme liggen.

When all else fails, you always have delusion.

donderdag 1 maart 2012 @ 17:10:28 #281

Catch22-

Ben je Blind?!

dat kan niet (tenzij er iets conflicteert). Heb je het ergens staan waar ik het kan bekijken?

ik heb al meerdere dingen met google maps gemaakt (kan het helaas niet laten zien, staat niet openbaar online) maar het altijd even prutsen.

en mijn JSFiddle werkt ook gewoon toch?

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

donderdag 1 maart 2012 @ 17:14:23 #282

Mirel

Mirel wil een bongophone.

Nee, je JSfiddle werkt niet.

Wat wil je precies zien? Ik heb zo'n beetje alle code gedumpt

Je mag wel FTP toegang als je er zorgvuldig mee omgaat

Dit is header.php, het maps gedeelte vind je snel genoeg, en de body ook:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title>
<?php
    /*
     * Print the <title> tag based on what is being viewed.
     */
    global $page, $paged;

    wp_title( '|', true, 'right' );

    // Add the blog name.
    bloginfo( 'name' );

    // Add the blog description for the home/front page.
    $site_description = get_bloginfo( 'description', 'display' );
    if ( $site_description && ( is_home() || is_front_page() ) )
        echo " | $site_description";

    ?>
</title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

<?php

    /* We add some JavaScript to pages with the comment form
     * to support sites with threaded comments (when in use).
     */
    if ( is_singular() && get_option( 'thread_comments' ) )
        wp_enqueue_script( 'comment-reply' );

    /* Always have wp_head() just before the closing </head>
     * tag of your theme, or you will break many plugins, which
     * generally use this hook to add elements to <head> such
     * as styles, scripts, and meta tags.
     */
wp_head(); ?>
<?php
$google_bodyfont=get_option('google_bodyfont')? get_option('google_bodyfont'):'Ubuntu Condensed';
$google_generaltitlefont=get_option('google_generaltitlefont')? get_option('google_generaltitlefont'):'Ubuntu Condensed';
$gbodyfont = str_replace( ' ', '+', $google_bodyfont);
$generaltitlefont = str_replace( ' ', '+', $google_generaltitlefont);

?>
<?php if( get_option('kaya_typhography')=="false") { ?>
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'/>
<?php }else{ ?>
<?php if($google_bodyfont !="") { ?>
<link  rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=<?php echo $gbodyfont; ?>'>
<?php } ?>
<?php if($generaltitlefont !="") { ?>
<link  rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=<?php echo $generaltitlefont; ?>'>
<?php } ?>
<?php } ?>

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" data-src="http://maps.google.com/maps/api/js?sensor=false" style="visibility:hidden;"></script>
<script type="text/javascript">
    $(document).ready(function() { initialize(); })
    function initialize() {
        var latlng = new google.maps.LatLng(52.1025780, 5.0978729);
        var settings = {
            zoom: 15,
            center: latlng,
            mapTypeControl: true,
            mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
            navigationControl: true,
            navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
            mapTypeId: google.maps.MapTypeId.ROADMAP
    };
var map = new google.maps.Map(document.getElementById("map_canvas"), settings);

var companyPos = new google.maps.LatLng(52.1025780, 5.0978729);

var companyLogo = new google.maps.MarkerImage('http://www.filmdepartment.nl/v2/wp-content/themes/filmdept/images/googlemaps/logo.png',
    new google.maps.Size(100,50),
    new google.maps.Point(0,0),
    new google.maps.Point(50,50)
);
var companyShadow = new google.maps.MarkerImage('http://www.filmdepartment.nl/v2/wp-content/themes/filmdept/images/googlemaps/logo_shadow.png',
    new google.maps.Size(130,50),
    new google.maps.Point(0,0),
    new google.maps.Point(65, 50)
);
var companyPos = new google.maps.LatLng(52.1025780, 5.0978729);
var companyMarker = new google.maps.Marker({
    position: companyPos,
    map: map,
    icon: companyLogo,
    shadow: companyShadow,
    title:"Filmdepartment"
});
}
</script>

</head>
<body <?php body_class(); ?> onload="initialize()">

<?php //get_template_part('demo/demo'); ?>

<?php if(get_option('topToggleBoxDisable')!="true") { ?>
    <?php  get_template_part('lib/includes/top_toggle_section'); ?>
<?php } ?>

<?php
        // Get $post if you're inside a function
        global $post;
        if ( is_home() and  get_option('sliderdisable') != 'true'){
           echo "<div id='header_wrapper'>";
           echo "<div id='header'>";
        } else {
          echo "<div id='inner_header_wrapper'>";
          echo "<div id='inner_header'>";
        }
        ?>

<div id="logo">
    <?php  $logo=get_option('logo'); ?>
    <?php if($logo) { ?>
    <a href="<?php echo home_url(); ?> "> <img src="<?php echo $logo; ?>" alt="<?php the_title(); ?>"  /> </a>
    <?php }else{ ?>
    <a href="<?php echo home_url(); ?> "> <img src="<?php echo get_template_directory_uri()?>/images/logo.png" alt="<?php the_title(); ?>" /> </a>
    <?php } ?>
</div>

    <?php
           wp_nav_menu( array( 'container_class' =>'jqueryslidemenu','container_id' => 'myslidemenu','menu_class' =>'jqueryslidemenu','menu_id'=> '' ) );
    ?>
<div class="clear"></div>

En dit is top_toggle_section.php, hier wordt het aangeroepen (regeltje 12):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<?php
$footercolumn=get_option('footercolumn');
echo '<div id="panel_widget">';
echo  '<div  id="panel_wrapper">';

{
$last = ($fc == $footercolumn and $footercolumn != 1) ? 'last' : '';
?>

<div id="map_canvas" style="width:100%; height:500px"></div>

<?php
}
echo '</div>';

echo '</div>';
?>

    
    <div class="tab">
        <ul class="login">
            <li id="toggle">
                <a id="open" class="open" href="#"></a>
                <a id="close" style="display: none;" class="close" href="#"></a>
            </li>
        </ul>
    </div>
</div>

When all else fails, you always have delusion.

donderdag 1 maart 2012 @ 17:15:57 #283

Catch22-

Ben je Blind?!

die fiddle werkt hier prima hoor..

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

donderdag 1 maart 2012 @ 17:17:09 #284

Mirel

Mirel wil een bongophone.

Maar de fiddle code overzetten in de site werkt niet.

When all else fails, you always have delusion.

donderdag 1 maart 2012 @ 17:17:51 #285

Mirel

Mirel wil een bongophone.

edit ik ga naar huis, even reizen

When all else fails, you always have delusion.

donderdag 1 maart 2012 @ 17:18:19 #286

Catch22-

Ben je Blind?!

Mja, dan zit er idd wat conflicterends in. Succes daarmee

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

donderdag 1 maart 2012 @ 18:51:40 #287

Mirel

Mirel wil een bongophone.

Ik zie het al. Het duurt gewoon even voordat het geladen is.

Nu dus iets zoeken wat het kan preloaden samen met de rest van de site. Blijkbaar laadt het zich pas als je het uitklapt.

When all else fails, you always have delusion.

donderdag 1 maart 2012 @ 19:51:22 #288

Catch22-

Ben je Blind?!

Dan moet je hem initializen als je het laat zien

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

donderdag 1 maart 2012 @ 20:31:04 #289

Mirel

Mirel wil een bongophone.

Dus dan moet 'ie ergens in dat php bestand die de overlay regelt? Straks maar proberen.

[ Bericht 14% gewijzigd door Mirel op 01-03-2012 20:43:36 ]

When all else fails, you always have delusion.

donderdag 1 maart 2012 @ 21:09:02 #290

xaban06

Dag heren van het goede leven.

getUpdate.php?log=logfile parsed een bestand, waar in het progress van iets staat in procenten, dit wil ik weergeven op mijn website, dus iedere 5 seconde moet getUpdate.php?log=logfile uitgevoerd worden, totdat de resultaat 100% is, dan moet er 'Done' komen te staan.

Ben ik duidelijk zo? Volgens mij niet

Iemand die mij hiermee kan helpen?

donderdag 1 maart 2012 @ 21:39:28 #291

picodealion

Ja, dat moet je met AJAX doen. Ga je even inlezen in de basisbeginselen, dan kom je al een heel eind.

donderdag 1 maart 2012 @ 21:55:36 #292

Maartel

quote:
Op woensdag 29 februari 2012 21:35 schreef PimD het volgende:

[ code verwijderd ]

Gaaf hoor

Die code stond er al toen ik nog niks aan had gepast aan het Tumblr theme

Don't let your shadow spoil the view of what's around you

donderdag 1 maart 2012 @ 21:59:00 #293

Maartel

quote:
Op woensdag 29 februari 2012 20:16 schreef KomtTijd... het volgende:

[..]

Zolang dat het geval is kunnen we je hier in ieder geval niet helpen.

Fair enough, al heeft naar mijn inzien mijn vraag over of het mogelijk is een dergelijke rand met css3 te maken totaal niets van doen met wat voor een andere css/html ik wel of niet op de pagina ga gebruiken. Dat is een beetje 'zolang jij geen vloeiend spaans spreekt ga ik je niet vertellen of dit spreekwoord in het spaans te vertalen is'.
Dit is sowieso maar een oefenpagina, alles wat eromheen staat zal uiteindelijk ws niet eens gebruikt worden.

Don't let your shadow spoil the view of what's around you

donderdag 1 maart 2012 @ 22:04:31 #294

KomtTijd...

Als je hier vragen komt stellen over een CSS3 effect terwijl je het nieteens voor elkaar krijgt een valide HTML-bestand op te stellen, dan ben je toch echt in de verkeerde volgorde bezig.

zcflevo.nl

vrijdag 2 maart 2012 @ 10:08:10 #295

Mirel

Mirel wil een bongophone.

quote:
Op donderdag 1 maart 2012 20:31 schreef Mirel het volgende:
Dus dan moet 'ie ergens in dat php bestand die de overlay regelt? Straks maar proberen.

Werkt ook niet.

PFFFFFFF

quote:
Op donderdag 1 maart 2012 22:04 schreef KomtTijd... het volgende:
Als je hier vragen komt stellen over een CSS3 effect terwijl je het nieteens voor elkaar krijgt een valide HTML-bestand op te stellen, dan ben je toch echt in de verkeerde volgorde bezig.

Zo zet Tumblr templates in elkaar, zodat de users alles vanuit 1 bestand kunnen editten, html en css. Voor een weblog die niet van jezelf is waarvan je het een en ander kan aanpassen werkt het wel ok.

When all else fails, you always have delusion.

vrijdag 2 maart 2012 @ 10:10:47 #296

Catch22-

Ben je Blind?!

Ja, maar dan moet je dus niet hier komen.

Het is hetzelfde als aan een automonteur vragen hoe je een band moet vervangen en als hij zegt "Pak eerst de krik" dat jij vraagt "wat is een krik?"

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 2 maart 2012 @ 10:12:09 #297

Mirel

Mirel wil een bongophone.

Ach ja. Nu gaan we weer terug naar mijn googlemaps probleem. RPGGGGGGGGGGG

When all else fails, you always have delusion.

vrijdag 2 maart 2012 @ 10:16:54 #298

Catch22-

Ben je Blind?!

ik heb je ruim voldoende houvast gegeven om het op te lossen.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 2 maart 2012 @ 10:18:36 #299

Mirel

Mirel wil een bongophone.

Ik heb die initialize verplaatst, de namen veranderd, zoom gespeeld. Niks werkt

When all else fails, you always have delusion.

vrijdag 2 maart 2012 @ 10:22:50 #300

Catch22-

Ben je Blind?!

er zit ergens een conflict met je site en die moet je oplossen

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

Forum Opties
Forumhop:
Hop naar:	(afkorting, bv 'KLB')

» digital corner

» development

» digital corner

» development