Php ve javascript kullanarak dinamik css oluşturuluyor

0 Cevap php

I want to generate tooltip based on a dynamically changing background image in css. This is my my_css.php file. 

<?php
    header('content-type: text/css'); 
    $i = $_GET['index'];
    if($i == 0)
        $bg_image_path = "../bg_red.jpg";   
    elseif ($i == 1)
        $bg_image_path = "../bg_yellow.jpg";   
    elseif ($i == 2)
        $bg_image_path = "../bg_green.jpg";   
    elseif ($i == 3)
        $bg_image_path = "../bg_blue.jpg";    
?>
.tooltip {
            white-space: nowrap;
        color:green;
        font-weight:bold;
            border:1px solid black;;
            font-size:14px;
        background-color:  white;
        margin: 0;
        padding: 7px 4px;
        border: 1px solid black;
        background-image: url(<?php echo $bg_image_path; ?>);
        background-repeat:repeat-x;
        font-family: Helvetica,Arial,Sans-Serif;
        font-family: Times New Roman,Georgia,Serif;
        filter:alpha(opacity=85); 
        opacity:0.85;
        zoom: 1;
 }

Ben eklenen bu css kullanmak için

<link rel="stylesheet" href="css/my_css.php" type="text/css" media="screen" />

javascript kodu benim html <head> etiketi. Ben dinamik arka plan görüntüsünü üretecek şekilde 'index' farklı değerleri geçen düşünüyorum. Herkes nasıl bir javascript böyle değerleri geçmesi gerektiğini söyleyebilir misiniz? Ben kullanarak araç ipucu oluşturma

var tooltip = document.createElement("div");
document.getElementById("map").appendChild(tooltip);
tooltip.style.visibility="hidden";

ve ben bu createElement çağırmadan önce, ben arka plan resmini ayarlamak gerektiğini düşünüyorum.

0 Cevap

etiketler